@charset "utf-8";
/* CSS Document -- scott 2018-05 */
html,body,ul,li,h1, h2, h3, h4, h5, h6,p,ol{margin: 0;padding: 0;}
html,body{_height:100%; _width:100%; }
li {list-style: none;}
img{border:0;}
body {font:16px/20px Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti; color: #444; background-color:#fff; }
hr{display:none}
pre { white-space: pre-wrap;  white-space: -moz-pre-wrap; white-space: -pre-wrap;  white-space: -o-pre-wrap; }
.clr {clear: both;}
.clear {clear: both;overflow: hidden;font-size: 0px;line-height: 0px;height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.fcblue{color:#176ae5}
.fcyellow{color:#fff200;}
.fcred{color:#F00}
.fcbrown{color:#a52a2a;}
.fcorange{color:#F60}
.fcgary{color: #CCC}
.fcgreen{color: #6aaf08}
.fb{font-weight:bold}
.tright{ text-align:right}
.tcenter{ text-align:center}
a:link,a:visited {text-decoration: none; color:#444; }
a:hover {text-decoration:  none; color:#6aaf08}
a:focus {outline: none;}
a.fcorange:link,a.fcorange:visited {text-decoration: none; color:#f60}
a.fcorange:hover {text-decoration: underline;color:#f60}
a.fcgary:link,a.fcgary:visited,a.fcgray:link,a.fcgray:visited {text-decoration: none; color:#999}
a.fcgary:hover,a.fcgray:hover {text-decoration: underline;color:#176ae5}
a.fcred:link,a.fcred:visited {text-decoration: none; color:#f00}
a.fcred:hover {text-decoration: underline;color:#f00}
a.fcblue:link,a.fcblue:visited {text-decoration: none; color:#176ae5}
a.fcblue:hover {text-decoration: underline;color:#176ae5}
a.fcgreen:link,a.fcgreen:visited {text-decoration: none; color:#6aaf08}
a.fcgreen:hover {text-decoration: underline;color:#6aaf08}
a.fcwhite:link,a.fcwhite:visited {text-decoration: none; color:#fff}
a.fcwhite:hover {text-decoration: underline;color:#fff}
table {border-collapse: collapse;border-spacing: 0;}
input,textarea,button{ outline:none;resize:none; }
.prel{ position:relative}
.fleft{ float:left}
.fright{ float:right}
.mauto{ margin:0 auto;}
.w984{ width:984px;}
.para {text-indent: 2em;}
.ltline {color: #999999;text-decoration: line-through;}
.errMsg{color:#F00}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb25{ margin-bottom:25px;}
.public-line-a a{ line-height:25px; margin-right:10px; white-space:nowrap}
.prel {position: relative;zoom: 1}
.pabs {position: fixed; left:50%; top:20%; margin-left:500px;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.fleft {float: left;}
.fright {float: right;}
.vtop {vertical-align: top;}
.vmiddle {vertical-align: middle;}
.vbtm {vertical-align: bottom;}
.mauto {margin: 0 auto;}
.block {display: block;}
.inline {_display: inline;}
.none {display: none;}
.hide {overflow: hidden;}
.tline {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.nowrap {white-space: nowrap;}
.nopd {padding: 0;}
.clr {clear: both;}
.clear {clear: both;overflow: hidden;font-size: 0px;line-height: 0px;height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.mline{ text-decoration:line-through}
.uline {text-decoration: underline;}
.noline {text-decoration: none;}
.hand {cursor: pointer;}
.default {cursor: default;}
.bold{ font-weight:bold}
.para {text-indent: 2em;}
.more {font-family: Verdana, Arial, Helvetica;text-align: right;font-size: 10pt; margin-top:2px}
.num-txt {font-size: 11px;font-family:Arial;color: #999;}
.mb30{ margin-bottom:30px;}
.mb80{ margin-bottom:80px;}
.pd50{ padding:50px;}
/*.pdt{ padding-top: 138px}*/
.w1200{ width:98%; padding: 0 10px; max-width: 1200px; min-width: 980px; margin: 0 auto; position: relative}
.wp40{ width: 40%;}
.wp56{ width: 56%;}
@font-face {font-family: "m-yododo";src: url("../other/m-yododo.eot"); src: url("../other/m-yododo.eot#iefix") format("embedded-opentype"), url("../other/m-yododo.ttf")  format("truetype"); }
.iconfont {font-family:"m-yododo";font-style: normal;font-weight: normal; -webkit-font-smoothing: antialiased;}
#header{ width: 100%; background-color: #fff; position: relative; z-index: 1; border-bottom: 1px solid #ddd }
/*#header{ position: fixed; left: 0; top:0; z-index: 1111;  }*/
.topnav{ height: 44px; overflow: hidden; line-height: 44px; font-size: 12px; border-bottom: 3px solid #6AAF08; background-color: #053636; color: #fff;}
.topnav a:link,.topnav a:visited {color:#fff}
.topnav a:hover {color:rgba(255, 255, 255, .5); text-decoration: none}
.topnav span.fleft{ margin-right: 10px}
/*.topnav span.fleft:first-child{ padding-right: 10px; position: relative}*/
/*.topnav span.fleft:first-child:after{content: ""; display: block; position: absolute; right:0; top:50%; background-color: rgba(255, 255, 255, .3); width: 1px; height: 15px; margin-top: -7px;}*/
.topnav span.fright{ margin-left: 10px;}
.topnav span.login,a.button{ height: 38px; background-color: #6aaf08; margin-top: 3px; color: #fff; padding: 0 30px; line-height: 38px; font-size: 14px;}
.topnav i{ margin-right: 5px}
.snav{ height: 48px; padding: 21px 0; overflow: hidden;}
.logobox{ padding-left: 60px; position: relative; float:left; font-size: 17px; background: url("../images/logo.png") no-repeat}
a.logobox:link,a.logobox:hover {text-decoration: none; color: #999}
.logobox img{ position: absolute; left: 0; top:0;}
.logobox strong{ display: block; font-size:22px; font-weight: normal; color: #000; line-height: 28px;}
.logobox strong span{ color: #6aaf08; position:relative; font-size:20px; padding-left:3px;}
.logobox strong span i{ font-size:12px;position:absolute; right:-10px; top:-5px;}
.navtab{ line-height: 48px; font-size: 0; position: absolute; right:0; top:21px;}
.navtab a{ float:left; padding: 0 18px; margin-right: 1px; font-size: 18px;}
.navtab a i{ display: none}
.navtab a.current,.navtab a:hover{ background-color: #6AAF08; color: #fff; text-decoration: none}
a.searchbox{ position: absolute; right:20px; top:21px;background-color: #BFBFBF; color: #fff; border-radius: 100px; width: 34px; height: 34px; overflow: hidden; line-height: 36px; text-align: center}
a.searchbox{padding: 0 0; margin:5px 0 0 30px;  color: #fff; }
a.searchbox:hover{background-color: #eee;}
a.searchbox i{ display: block; font-size: 26px}
.topnav span.fleft a.searchbox{position: relative; display:block; font-size: 14px; right: 0; top:3px;margin:5px 0 0 0; background-color: #fff; color: #999; border-radius: 4px; width: 205px; height: 27px; line-height: 27px; text-align: left}
.topnav span.fleft a.searchbox:hover{ background-color: #fff;}
.topnav span.fleft a.searchbox i{ float: left;  font-size:24px; line-height: 31px; }
.ezh{ padding: 10px 0; height: auto; }
.ezh .fright{ width: 646px;}
.ezh .logobox{ background-size: 25px auto; background-position:  0 3px; padding-left: 35px}
.ezh .logobox > span{ display: none}
.ezh .logobox > strong{ font-size: 16px;}
#main{  }
#bottom{ background-color: #2E363A;}
#bottom2{ background-color: #fff; border-top: 2px solid #6AAF08; }
#bottom2 .w1200{ padding-top: 15px; padding-bottom: 15px; font-size: 14px; color: #999}
.bz{ background-color: #6AAF08;  padding: 21px 0;}
.bz li{ width: 23%; padding: 0 1%; float: left}
.bz li i{  float:left; width: 40px; height: 40px; margin-right: 10px; background-image:url(../images/ylj_icon.png); background-repeat: no-repeat}
.bz li:nth-child(2) i{ background-position: -40px 0}
.bz li:nth-child(3) i{ background-position: -80px 0}
.bz li:nth-child(4) i{ background-position: -120px 0}
.bz li > span{ float:left; font-size: 12px; color: rgba(255, 255, 255, .8);; }
.bz li strong{ display:block; font-weight: normal; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 1);}
.bottomnav{ padding: 30px 0; color: #fff; border-bottom: 1px solid #394348; }
.bottomnav .w1200 > p,.bottomnav .w1200 > ul,.bottomnav .w1200 > div{ width: 30%; margin-right: 8%; float: left}
.bottomnav .w1200 > p{ font-size: 14px; line-height: 22px;}
.bottomnav .w1200 > div{ margin-right: 0; margin-left: 0; text-align: right; float: right; padding-top: 20px;}
.bottomnav .w1200 > div img{ width: 110px; height: 110px; margin-bottom: 5px; display: block}
.bottomnav .w1200 > div a{ display: inline-block; text-align: center; margin-left: 32px; color: #fff; font-size: 14px; }
.bottomnav .w1200 > ul{ margin-right: 0}
.bottomnav .w1200 > ul li{ width: 50%; float: left; margin-bottom: 16px;}
.bottomnav .w1200 > ul li a{  color:rgba(255, 255, 255, .8); font-size: 14px;}
.bottomnav .w1200 > ul li a span{ font-size: 10px; color: #fff; margin-right: 3px;}
.flink{ padding: 30px 0; border-bottom: 1px solid #394348;}
.flink strong{ display: block; font-size: 14px; color: #fff; font-weight: normal}
.flink a,.aboutus a{ margin-right: 10px; color:rgba(255, 255, 255, .8); font-size: 12px; white-space: nowrap; }
.aboutus{padding: 30px 0; color:rgba(255, 255, 255, .8); font-size: 12px;}
.aboutus a{ font-size: 14px;}
.aboutus .fright{ padding-top:20px}
.topimg{ width: 100%; background-color: #F5F6F6; margin-bottom: 40px;}
.topimg .showimg{ width: 100%; position: relative; max-width: 1920px; margin: 0 auto; height: 480px; overflow: hidden}
.topimg .showimg ul{ width: 100%}
.topimg .showimg li{width: 100%; height: 480px; overflow: hidden;box-shadow: 0 -30px 120px rgba(0, 0, 0, 0.88) inset;background-size: cover; background-position: center center}
.topimg .showimg li > a{ display:block; width:100%; height:90%}
.showimgbox{position: absolute; left:50%; margin-left: -600px; top:0; z-index: 11}
.topimg .imglink{ margin-top: -38px }
.topimg .imglink li{ width: calc(25% - 20px); padding: 0 10px; float: left}
.topimg .imglink li a{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius:2px; display: block; width: 100%; background-color: #fff; padding-bottom: 20px;}
.topimg .imglink li a div{ height: 210px; overflow: hidden; margin-bottom: 20px;box-shadow: 0 -58px 158px rgba(0, 0, 0, 0.98) inset;transition: box-shadow 0.15s ease 0.1s; background-size: cover; background-position: center center}
.topimg .imglink li a:hover div,.topimg .imglink li.current a div{box-shadow: 0 -30px 120px rgba(0, 0, 0, 0) inset;}
.topimg .imglink li a p,.listbox .lm li a > p{ height: 48px; padding: 0 5%; line-height: 24px; color: #999; overflow: hidden; margin-bottom: 5px; font-size: 18px;}
.topimg .imglink li a span{ height: 22px; line-height: 22px; padding: 0 5%; font-size: 14px; color: #ccc; overflow: hidden}
.topimg .imglink li a:hover p,.topimg .imglink li.current a p{ color: #444}
.topimg .imglink li a:hover span,.topimg .imglink li.current a span{ color: #999}
.topimg .adlink{ width: 100%; max-width: 1920px; margin:0 auto}
.topimg .adlink img{ width: 100%;}
.topimg .w1200{max-width: 1220px;}
.listbox{ width: 100%; max-width: 1200px; margin: 0 auto}
.listbox .lt{ border-bottom: 1px solid #ddd; position: relative;  margin-bottom: 30px;}
.ddlist .lt{margin-bottom: 0; border-bottom: none; padding-top: 30px;}
.listbox .lt strong{ font-size: 36px; font-weight:100; float: left; display: block; line-height: 1; height: 50px;}
.listbox .lt > div{ float: right; margin-bottom: -1px}
.listbox .lt > div a{ display: block; float: left; line-height: 50px; height: 50px; padding: 0 25px; margin-right:10px;  font-size: 24px; color: #ccc}
.listbox .lt > div a:last-child{ margin-right: 0px;}
.listbox .lt > div a.current{ border: 1px solid #ddd; border-bottom: 1px solid #fff; padding: 0 45px; border-radius: 4px 4px 0 0; color: #444}
.listbox .lt > div a:hover{ color: #444}
.listbox .lm ul{ width:calc(100% + 20px); margin-left: -10px; margin-top: 30px;  }
.listbox .lm li{ width: calc(33.33% - 20px); float:left; padding: 0 10px; margin-bottom: 40px; }
.listbox .lm li a{ display: block; border: 1px solid #eee; padding-bottom: 20px;}
.listbox .lm li a .simg{ position: relative; height: 220px; margin-bottom: 20px; background-position: center center; background-size: cover;box-shadow: 0 -30px 120px rgba(0, 0, 0, 0.23) inset;transition: box-shadow 0.15s ease 0.1s; }
/*.listbox .lm li a > p{ height: auto}*/
.listbox .lm li a .simg div{ position: absolute; left:5%; bottom:20px;}
.listbox .lm li a .simg div strong{ display: inline-block; background-color: #6AAF08; color: #fff; font-weight: 100; height: 32px; line-height: 32px; padding: 0 10px; font-size: 18px;}
.listbox .lm li a .simg div span{ display: block; background-color: rgba(255, 255, 255, 0.8); color: #000; height: 32px; line-height: 32px; padding: 0 10px}
.listbox .lm li a:hover .simg{box-shadow: 0 -30px 120px rgba(0, 0, 0, 0) inset;}
.listbox .lm li a > p,.listbox .lm li a > span{ padding: 0 5%;color: #444;}
.listbox .lm li a > p.clearfix{ height: auto; margin-bottom: 0; padding-top:20px; }
.listbox .lm li a > p strong{  color:#999; font-weight: normal; font-size: 14px; }
.listbox .lm li a > p strong i{ color: #f60; font-size: 26px; font-weight: 100; font-style: normal; margin-right: 3px;}
.listbox .lm li a > p strong span{ float: left; color:#999; font-size: 12px; display:block;line-height: 24px}
.listbox .lm li a > p strong img{ float: left; width: 20px; margin-right: 5px; display: block}
.listbox .lm li a > p b{ display: none}
.listbox .lm li a > p > span{ float: right; font-size: 12px; color: #999; line-height:24px}
.listbox .lm li a > p > span i{ font-style: normal; margin: 0 2px;}
.listbox .lm li a > span{ font-size: 14px; color: #999}
.listbox .lm-100 li{width: calc(100% - 20px); margin-bottom: 30px;}
.listbox .lm-100 li a{ position: relative; min-height:190px;  border: none; border-bottom: 1px solid #eee; padding-left: 28%; padding-bottom: 30px;}
.listbox .lm-100 li:last-child{ margin-bottom: 15px;}
.listbox .lm-100 li a .simg{ position: absolute; left:0; top:0; width: 25%;height: 190px;}
.listbox .lm-100 li a > p,.listbox .lm-100 li a > span{ padding: 0 200px 0 0;}
.listbox .lm-100 li a > p{ font-size: 24px; line-height: 1.3; font-weight: 100; margin-bottom: 10px; height: auto}
.listbox .lm-100 li a > p.clearfix{ position: absolute; padding-top:0; padding-right: 0; right: 0; top:50%; margin-top:-80px; text-align: center }
.listbox .lm-100 li a > p > span{ font-size: 14px; float: none}
.listbox .lm-100 li a > p strong{ display: block}
.listbox .lm-100 li a > p b{ display: block; display: block; background-color:#6AAF08; height: 36px; line-height: 36px; color: #fff; font-weight: normal; text-align: center; font-size: 16px;}
.listbox .lm-100 li a > span{ font-size: 16px}
.listbox .yddkz li a > span.yddkzdp,.listbox .yddjd li a > span.yddjddp{ display: block; width: calc(100% - 30px); background-color: #fafafa; border-radius: 4px; padding: 15px}
.listbox .yddkz li a > span.yddkzpic,.listbox .yddjd li a > span.yddjdpic{ display: block; padding: 10px 0}
.listbox .yddkz li a > span.yddkzpic i{ display:inline-block; width: 60px; height: 60px; margin: 0 5px 0 0; background-position:  center center; background-size: cover; background-repeat: no-repeat}
.listbox .yddjd li a > span.yddjddp{ line-height: 24px;}
.listbox .yddkz li a > p.clearfix,.listbox .yddjd li a > p.clearfix{ top:0; margin-top: 0}
.listbox .yddjd li a > p.clearfix{ min-width: 140px;}
.listbox .yddjd li a > p.clearfix strong i{margin-left:3px;}
.usercomment{ width: 100%; color: #fff; max-width: 1920px; background:url(../images/m-bg.jpg) center center no-repeat;background-attachment: fixed; background-size: cover; padding: 83px 0; margin: 40px auto}
.usercomment .w1200 > strong,.usercomment .w1200 > span{ display: block; margin: 0 auto;  text-align: center; margin-bottom: 60px;}
.usercomment .w1200 > strong{ font-size: 28px; font-weight: 100; margin-bottom: 25px;}
.usercomment ul{ margin-left: -10px; width:calc(100% + 20px); }
.usercomment li{ width: calc(50% - 20px); float: left; padding: 0 10px; }
.usercomment li a{ display: block; background-color: #fff; padding: 30px 30px 50px; border-radius: 6px; color: #999}
.usercomment li a p{ position: relative;text-indent:43px; font-size: 20px; font-weight: 100; line-height: 1.4; margin-bottom: 30px}
.usercomment li a p:before{ content: "“"; display:block; color:#666; font-size:100px; left: -43px; top:-35px; position: absolute}
.usercomment li a strong,.usercomment li a span{ display: block; font-size: 26px; margin: 3px 0; line-height: 1.2; font-weight: 300; color: #000}
.usercomment li a strong img{ width: 30px; height: 30px; margin-right: 6px; border-bottom: none; vertical-align: top}
.usercomment li a span{ color: #999; font-size: 14px;}
.crumbs{ padding: 10px 0; font-size: 14px; color: #ccc}
.crumbs strong {  color: #444; font-weight: normal; font-size: 16px}
.mdtbg .crumbs,.mdtbg .crumbs a{  color: rgba(255, 255, 255, 0.5)}
.mdtbg .crumbs a{  color: rgba(255, 255, 255, 0.9)}
.mdtbg .crumbs a:hover{ color: rgba(255, 255, 255, 1);text-decoration: underline}
.mdtbg .crumbs strong {  color: rgba(255, 255, 255, 1);}
.lxx{ margin-bottom: 25px;}
.lxximg,.lxxdate{ float: left}
.lxxsm1,.lxxsm2,.lxxsm3,.lxxsm4{ float: right; margin-bottom: 10px}
.lxximg{ height: 320px; overflow: hidden;position: relative}
.lxximg strong{ position: absolute; left: 0; top:0; background-color: #6AAF08; color: #fff; font-weight: normal; height: 32px; line-height: 32px; padding: 0 10px; font-size: 18px;}
.lxximg > div{ position: absolute; bottom: 15px; left: 50%; text-align: center; width: 50%; margin-left: -25%}
.lxximg > div a{ width: 14px; height: 14px; line-height: 10px; border-radius: 100px; background-color: #fff; display: inline-block}
.lxximg > div a.current,.lxximg > div a:hover{ background-color:#6AAF08 }
.lxximg ul{ width: 100%; height: 100%}
.lxximg li{ width: 100%; height:100%; background-size: cover; background-position: center center; background-repeat: no-repeat;box-shadow: 0 -30px 120px rgba(0, 0, 0, 0.23) inset;}
.lxxsm1 strong{ display: block; font-weight: normal; font-size: 28px; line-height: 1.4; margin-bottom: 15px; max-height: 160px; overflow: hidden}
.lxxsm1 span,.lxxsm4 a,.cpmenu2 a.jg{ display: block; position:relative; padding: 22px 0 14px 15px; background-color:#f6f6f6; color: #999 }
.lxxsm1 span i,.lxxsm4 a i,.cpmenu2 a.jg i{ margin: 0 10px 0 20px; color: #f60; font-size: 34px; font-weight: 100; font-style: normal}
.lxxsm1 span i b,.lxxsm4 a i b,.cpmenu2 a.jg i b{ font-size: 18px; margin-right: 5px;}
.lxxsm2 > span,.lxxsm3 > span,.lxxdate > span{ display: block; padding: 10px 0; color: #999; font-size: 14px;}
.lxxdate > span{ display: none}
.lxxsm2 > span strong{ margin: 0 15px 0 0; color: #444; font-size: 20px; font-weight: 100}
.lxxsm2 > span.spx{ width: 48%;display: inline-block}
.lxxsm2 > span i{ display: inline-block; width: 80px; font-style: normal}
.lxxsm3{ padding-top: 32px;color: #999; font-size: 14px;}
.lxxsm3 > div{ height: 40px; line-height: 40px; padding-left: 77px; position: relative; margin-bottom: 20px;}
.lxxsm3 > div > span{ position: absolute; left:0; top:0; display: block}
.lxxsm3 .dl{ display: block; position: relative;cursor:pointer; border: 1px solid #eee; font-size: 18px; color: #444; height: 38px; line-height: 38px; padding: 0 10px;}
.lxxsm3 .dl:after{ content: ""; display: block;position: absolute; right:10px; top:50%; margin-top: -3px;border-left:5px dashed transparent; border-top:5px solid #444; border-right:5px dashed transparent; height:0; line-height:0; width:0; overflow:hidden}
.lxxsm3 .dl span{ margin-right: 5px;}
.lxxsm3 .dl i{ font-style: normal; color: #f60; margin: 0 10px}
.lxxsm3 .dl{ padding: 0 0 0 180px;}
.orderbox .lxxsm3 .dl{ padding: 0 10px}
.lxxsm3 .dl input{ border:none; font-size:20px; padding-left:15px; width:calc(100% - 15px); position:absolute; left:0; top:0; cursor:pointer; height: 38px; background-color:transparent}
.lxxsm3 .rs select{ border: 1px solid #eee; padding-right:4px; width: 90px; height: 36px;appearance:none;  -moz-appearance:none;  -webkit-appearance:none; font-size: 18px; text-align: center}
.lxxsm3 .rs{ float: left}
.lxxsm3 .rs span{ margin: 0 30px 0 10px; font-size: 16px;}
.lxxsm3 .rs input{ width: 40px; height: 33px;border: none; font-size:18px; text-align: center; float: left; line-height: 33px; padding: 0 5px; border-bottom: 1px solid #eee; border-top:1px solid #eee; }
.lxxsm3 .rs a{ display:block; float: left; width: 33px; height: 33px; line-height: 34px; color: #666; text-align: center; font-size: 22px; border: 1px solid #eee; background-color: #F5F5F5;}
.lxxsm3 .rq{ font-size: 16px; color: #444}
.lxxsm3 .rq strong{ margin: 0 3px 0 10px; color: #f60}
.lxxsm3 > div.od1 .rq span{ color: #999; font-size: 14px; margin-left: 25px;}
.lxxsm3 > div.od1{ padding-left: 115px; margin-bottom: 10px;}
.lxxsm3 > div.od1 span{left:35px; font-size: 16px; color: #666; }
.lxxsm3 > div.od1 > span:before{content: "*"; display: block;position: absolute; left:-10px; top:5px; color: #f00}
.lxxsm3 > div.od1 input[type=text]{border:1px solid #eee; width: 300px; text-align: left; font-size: 14px;}
.lxxsm3 > div.od1 input::-webkit-input-placeholder,.lxxsm3 > div.od1 input:-moz-placeholder{ color: #eee; font-size: 14px;}
.lxxsm4 a input{ cursor: pointer; border: none; display: block; position: absolute; right:0; top:0; padding: 0 20px; background-color:#6AAF08; color: #fff; font-size: 26px; height: 62px; line-height: 62px; }
.lxxdate > a{ display: none}
.lxxdate .sel a{ display: block; padding: 0 20px; float: left; height: 30px; font-size: 18px; line-height: 30px; border-bottom: 2px solid #fff;}
.lxxdate .sel a.current{ border-bottom: 2px solid #6AAF08; font-weight: bold}
.lxxdate .date{ border: 1px solid #eee}
.lxxdate .date > div span{ background-color: #f9f9f9; display: block; float: left; height: 30px; line-height: 30px; border-bottom: 1px solid #eee; text-align: center; width: 14.28%}
.lxxdate .date > div span:first-child{width: 14.331%}
.lxxdate ul{ width:calc(100% - 2px); padding: 4px 1px 2px}
.lxxdate li{ float: left; width:calc(14.28% - 2px); margin: 0 1px 2px; overflow: hidden; height:58px }
.lxxdate li:nth-child(7n+0){width:calc(14.28% - 2px);}
.lxxdate li a{ display: block; border: 1px solid #eee; padding: 1px; height:54px;}
.lxxdate li a:hover,.lxxdate li.current a{ border: 2px solid #f60; padding: 0}
.lxxdate li.out a{ cursor: default; border: none; padding: 1px}
.lxxdate li a > span,.lxxdate li a > i,.lxxdate li strong{ display: block; text-align: center; color: #ccc; font-style: normal; font-size:14px; line-height: 1.3 }
.lxxdate li a > span{font-size: 12px;}
.lxxdate li a > span i{ display: none}
.lxxdate li strong{ color: #6AAF08 ; font-size: 16px; font-weight: 100; line-height: 1.5}
.lxxdate li strong span{font-size: 10px; margin-right: 3px}
.lxxdate li a:hover strong,.lxxdate li.current strong{ color: #f60}
.lxxdate li a > i{ color: #666; font-size: 12px}
.lxxdate li.out i,.lxxdate li.out strong{ opacity: 0}
.cp{ margin-bottom: 50px}
.cpm{ height: 40px; margin-bottom: 20px;}
.cpmenu,.cpmenu1,.cpmenu2{ border-bottom: 1px solid #ddd; background-color: #fff}
.cpmenu1 .w1200,.cpmenu2 .w1200{ padding: 0 0; width: 100%}
.cpmenu2{ position: fixed; width: 100%; left:0; top:0; z-index: 1111;box-shadow: 0 2px 6px  rgba(0, 0, 0, .1);}
.cpmenu a,.cpmenu1 a,.cpmenu2 a{ display: inline-block; padding: 0 24px; border-bottom: 2px solid #fff; height: 40px; line-height: 40px; font-size: 18px}
.cpmenu2 a{ height: 50px; line-height: 50px;}
.cpmenu a.current,.cpmenu1 a.current,.cpmenu2 a.current{ border-bottom: 2px solid #6AAF08; color: #6AAF08}
.cpmenu1 a.jg{ display: none}
.cpmenu2 a.jg{ float: right; display: block; position:relative; padding: 0 0; background-color: transparent; color: #444 }
.cpmenu2 a.jg i{ margin: 0 10px 0 20px; color: #f60; font-size: 34px; font-weight: 100; font-style: normal}
.cpmenu2 a.jg i b{ font-size: 18px; margin-right: 5px;}
.cpmenu2 a.jg span{height: 38px; line-height: 38px; background-color:#6AAF08; color: #fff; display: inline-block; padding: 0 20px; }
.cpsm{ margin-bottom: 50px;}
.cpsm > strong{ display: block; height: 44px; line-height: 44px; font-weight: normal; border-left: 4px solid #6AAF08; background-color: #F6F6F6; color: #999; font-size: 14px;}
.cpsm > strong span{ color: #444; font-size: 18px; padding: 0 10px 0 20px;}
.listbox .cpsm > strong{ display: none}
.cpsm > .zdy{ margin: 20px 0; width:100%; overflow: hidden; line-height: 1.5}
.cpsm > .zdy img{ max-width: 100%}
.sxx{ border: 1px solid #eee; background-color: #fff;}
.sxx > div{ border-bottom: 1px solid #eee; height: auto; line-height: 32px;margin: 0 15px;}
.sxx > div.selbox{ margin: 0 0;border-bottom: 1px dotted #ccc; padding: 3px 15px; background-color: #f6f6f6 }
/*.sxx > div:nth-child(7),.sxx > div:nth-child(8){ border-bottom: none}*/
.sxx > div div{ float: right; padding: 8px 10px;}
.sxx > div div a{ position: relative; display:  inline-block; border: 1px solid #ddd; margin: 0 0 0 10px; padding: 0 10px; font-size: 14px; background-color: #f6f6f6; line-height: 28px; border-radius:4px; }
.sxx > div div a span{ margin-right: 5px}
.sxx > div div a.more{ padding: 0 20px 0 10px}
.sxx > div div a.more:after{content: ""; display: block;position: absolute; right:6px; top:50%; margin-top: -2px;border-left:4px dashed transparent; border-top:4px solid #666; border-right:4px dashed transparent; height:0; line-height:0; width:0; overflow:hidden}
.sxx > div div a.more:hover:after {border-top:4px solid #6AAF08;}
.sxx > div.dx > div{ display: block; float: none; width: 100%; text-align: center}
.sxx dl{ position: relative; margin: 0 0; float: left; width: calc(80% - 100px); padding-left: 100px;}
.sxx .dx dl{ width: calc(100% - 100px)}
.sxx dt{ position: absolute; left:10px; top:8px; color: #999 }
.sxx dd{ float: left; margin: 8px 15px 8px 0; padding: 0 0;}
.sxx dd a{ padding: 0 10px; display: block; height: 32px; }
.sxx dd.current a,.sxx dd a:hover{background-color: #6AAF08; color: #fff; }
.sxx > div.selbox a{position:relative; padding: 0 0 0 10px;height: 24px; line-height: 24px; border:1px solid #6AAF08;background-color: #6AAF08; color: #fff; font-size: 14px; }
.sxx > div.selbox a span{ display: inline-block;height: 24px; line-height: 24px; padding: 0 25px 0 10px; margin-left: 10px; background-color: #fff; color:#6AAF08; }
.sxx > div.selbox a i{ font-size: 18px; line-height: 1; position: absolute; right:2px; top:50%; margin-top: -9px; color: #666}
.sxx > div.selbox dl dd:last-child a{ color:#6AAF08; background-color: transparent; border: none}
.dzt,.dzb{ display: none}
.sxp{ background-color: #f6f6f6;border: 1px solid #eee; border-top: 0px;}
.sxp a{ height: 48px; line-height: 48px; padding: 0 35px 0 25px; border-right: 1px solid #eee; display: block; float: left; position: relative; }
.sxp a span:after{ content: ""; display: block;position: absolute; right:19px; top:50%; margin-top: -3px;border-left:5px dashed transparent; border-top:5px solid #444; border-right:5px dashed transparent; height:0; line-height:0; width:0; overflow:hidden}
.sxp a span.up:after{border-top:5px dashed transparent; border-bottom:5px solid #444;margin-top: -10px;}
.sxp a.current,.sxp a:hover{background-color:#fff;color: #6AAF08;}
.sxp a.current span:after,.sxp a:hover span:after{border-top:5px solid #6AAF08;}
.sxp a.current span.up:after,.sxp a:hover span.up:after{border-top:5px dashed transparent; border-bottom:5px solid #6AAF08;}
.stepbox{ margin:0 0; }
.stepbox strong{ display: block; float: left; width: 25%; border-top:4px solid #C8C8C8; padding-top:10px; color: #c8c8c8; font-size: 16px; position: relative; font-weight: normal}
.stepbox strong span{ position: absolute; left: 0; top:-12px; display: block; border: 1px solid #c8c8c8; border-radius: 100px; background-color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center;; font-size: 14px;}
.stepbox strong.current{ color:#6AAF08; border-top:4px solid #6AAF08; }
.stepbox strong.current span{border: 1px solid #6AAF08;color:#fff; background-color:#6AAF08 }
.stepbox strong:nth-child(2){ text-align: center;width: 50%;}
.stepbox strong:nth-child(2) span{ left: 50%; margin-left: -12px;}
.stepbox strong:nth-child(3){ text-align: right}
.stepbox strong:nth-child(3) span{ left: auto; right:0;}
a.mnext{ display: none}
.orderbox{ padding: 15px 0}
.orderbox .lxxsm4,.orderbox div.tright{ float: left; width: 72%; margin-bottom: 15px;}
.ohp .lxxsm4{width: 100%;}
.orderbox .lxxsm4 a{ background-color: #fff}
.orderbox .lxxsm4 a span{ font-size: 20px;}
.xyb{ max-height: 270px; font-size: 14px; padding: 10px; line-height: 1.5; overflow-y: scroll}
.obl,.obp{ width: calc(865px - 50px); float: left; background-color: #fff; margin-bottom: 15px; padding: 25px;}
.obp{width: calc(100% - 70px); padding: 25px 35px;}
.obr{ width: 315px; float: right; background-color: #fff;}
.obr-f{ position: fixed;width: 315px;background-color: #fff; top:0;  right:50%; margin-right: -600px;box-shadow: 2px 2px 3px 0 rgba(34, 25, 25, 0.3);}
.tal{ font-size: 22px;  font-weight: normal; margin: 15px;}
.tal span{ font-size: 14px; color: #999; margin-left: 10px;}
.tbl{ margin: 0 15px;}
.tbl dl{ margin: 5px 0 25px}
.tbl > strong{ display: block; border-bottom: 1px solid #eee; padding-bottom: 6px; font-weight: normal; color: #999; margin: 0 0}
.tbl dt{ margin-bottom: 4px; font-size: 14px;}
.tbl dd{ margin: 0 0 5px; color: #ccc}
.tbl dd strong{ float: right; color: #f60; font-weight: normal}
.tbl dd span i{ font-style: normal; color: #444; margin-right: 3px}
.tbb{ height: 90px;line-height: 90px; border-top: 1px solid #FFDBB2; background-color: #FFFCEB; padding:  0 15px; font-size: 24px; font-weight: 100}
.tbb strong{ float: right; color: #f60; font-size: 30px;}
.obl .ft20{ font-size: 22px; font-weight: 100; display: block; line-height: 1.5; margin-bottom: 15px;}
.obl .lxxsm3{ float: none; padding-top: 0}
.obl .wp56{ width: 80%}
.obl .tal { margin: 0 0 25px 0}
.userl{ margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee}
.userl > span{ float: left; margin: 5px 10px 5px 0; display: block;width: 152px;height: 42px;border-radius:4px; overflow: hidden; }
.ckbox-s{display:block; position:relative}
.ckbox-s label {display:block;width: 150px;height: 40px; overflow: hidden; font-size: 14px; color: #999;border-radius:4px; text-align: center; line-height: 40px; border:1px solid #eee; cursor: pointer;background-color:#fff;}
.ckbox-s label:after {content: '';width: 9px;height: 5px;position: absolute; bottom: 5px;right: 2px;border: 3px solid #fcfff4;border-top: none;border-right: none;background: transparent;opacity: .2;transform: rotate(-45deg);}
.ckbox-s label:before{content: '';width: 40px;height: 40px; background-color:#6AAF08; position:absolute; right:-20px; bottom:-20px; transform: rotate(-45deg);opacity: 0; }
.ckbox-s label:hover{border:1px solid #6AAF08; color: #6AAF08;}
.ckbox-s input[type=checkbox] {visibility: hidden; left: 0; top:0; position: absolute}
.ckbox-s input[type=checkbox]:checked + label{ border:1px solid #6AAF08; color: #6AAF08;}
.ckbox-s input[type=checkbox]:checked + label:after,.ckbox-s input[type=checkbox]:checked + label:before {opacity: 1;}
.users li{ border-bottom: 1px dotted #eee; padding-bottom: 20px; margin-bottom: 20px;}
.users li:last-child{ border: none; padding-bottom: 0; margin-bottom: 0}
.users li > div{ padding-left: 65px; position: relative; margin-bottom: 10px;}
.users li > div > span{ display: inline-block; float: left; width: 85px; line-height: 34px;}
.ust{ color: #6AAF08}
.ust i{ font-style: normal; font-size: 12px; display: inline-block; height: 18px; line-height: 18px; color: #fff;background-color:#6AAF08; border-radius: 2px; margin:0 5px;  text-align: center; padding: 0 2px;}
.ust i.child{ background-color: #FFB947}
.users li > div.ust span{ float: right; width: auto; color: #999; line-height: 1}
.ust strong{ position: absolute; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color:#6AAF08; left:0; top:-5px; border-radius: 100px; }
.users select{ display: block; float: left; position: relative; padding: 0 30px 0 10px; height: 35px; line-height: 35px; cursor:pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none; border:1px solid #eee; margin-right: 5px;}
.users i{ position: relative; display: inline-block; float: left}
.users i:after{ content: ""; display: block;position: absolute; right:16px; top:50%; margin-top: -3px;border-left:5px dashed transparent; border-top:5px solid #444; border-right:5px dashed transparent; height:0; line-height:0; width:0; overflow:hidden}
.users .ust i{ float: none}
.users .ust i:after{ display: none}
.users input[type=text]{border:1px solid #eee; width: 300px; height: 33px; padding: 0 10px; line-height: 33px; text-align: left; font-size: 14px;}
.zftx > strong{ display: block;  color: #6AAF08; font-size: 24px; margin-bottom: 20px; font-weight: 500}
.zftx > strong span{ color: #666; font-size: 16px; font-weight: normal;}
.zftx > strong span i{ color: #f60; font-size: 16px; font-style: normal; margin: 0 3px;}
.zftx > div .fleft{ margin-right: 50px;}
.zftx > div .fleft strong{ color: #f60; font-size: 24px;}
.zftx > div .fleft strong span{ font-size: 16px; margin-right: 5px;}
.banklist{width: 750px;}
.wxpay{ padding-right:10px; border-right:1px solid #ddd; margin-right: 39px;}
.wxpay strong{ display: block; font-size: 14px; color:#000;font-weight: bold;margin-bottom: 10px;}
.wxpay strong span{ display: inline-block;background: url(../images/sprite-cn-nav.v001.png) no-repeat scroll 0 -294px transparent;border: medium none;color: #FFFFFF;cursor: pointer;font-size: 12px;height: 32px;line-height: 32px;margin-right: 5px;text-align: center;width: 32px; text-indent: 32px;  overflow: hidden; vertical-align: middle;}
.wxpay > div{ width: 310px; /*background: url(../images/phone-bg.png) top right no-repeat; background-size: 45%*/}
.wxpay > div > img{border: 1px solid #ddd; width: 270px; margin-bottom: 20px;}
.wxpay .pw-box-ft{
    background: #2bcc3e url("../images/icon-red.png") no-repeat scroll 20px 8px;
    height: 44px;
    padding: 5px 0 11px 80px;
    width: 192px; color: #fff; font-size: 14px; font-weight: bold;
}
.steps-banklist{ margin:0 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee}
.banklist > div:last-child .steps-banklist{ padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.steps-banklist dt{ font-weight:bold; font-size:14px; display:block; margin-bottom:10px; color:#000}
.steps-banklist dt span{ font-size:12px; font-weight:normal}
.steps-banklist dd{ float:left; margin:7px 55px 8px 0; height:32px; line-height:32px; position: relative;}
.steps-banklist dd input{ display: inline-block;}
.steps-banklist dd span,.steps-banklist dd a:link,.steps-banklist dd a:visited,.i-unionpay{display: inline-block; vertical-align:middle; border:1px solid #ccc; width:142px;  height:28px; line-height:300px; padding:1px 3px; text-align:center; background-color:#fff; overflow:hidden}
.steps-banklist dd.current span,.steps-banklist dd.current a:link,.steps-banklist dd.current a:visited,.steps-banklist dd a:hover{ border:1px solid #F4821E}
.steps-banklist dd img{ height:28px; display:block; margin:0 auto}
.steps-banklist dd div,.unionpay{position: absolute; font-size: 12px; right:380px; top:-10px;box-shadow: 1px 1px 2px 0 rgba(34, 25, 25, 0.5); width: auto; height: 22px; line-height: 22px; color: #fff; padding: 0 6px; background-color: #f60; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.steps-banklist dd div strong,.unionpay strong{ font-size: 12px; color: #fff;}
.steps-banklist dd div em,.unionpay em{ position: absolute; left:5px; bottom:-4px; display: block;border-left: 4px dashed transparent;border-top: 4px solid #f60;border-right: 4px dashed transparent;height: 0;line-height: 0;overflow: hidden;width: 0;}
.i-pay dd span,.i-pay dd a,.i-pay li span,.i-pay li a,.i-unionpay{ background-image:url(../images/sprite_bank.png); background-repeat:no-repeat}
.i-alipay{ background-position:center 0}
.i-tenpay{ background-position:center -30px;}
.i-unionpay{ background-position:center -60px;}
.i-icbc{ background-position:center -120px;}
.i-boc{ background-position:center -150px;}
.i-cmb{ background-position:center -180px;}
.i-bcom{ background-position:center -210px;}
.i-cmbc{ background-position:center -240px;}
.i-abc{ background-position:center -270px;}
.i-spdb{ background-position:center -300px;}
.i-ceb{ background-position:center -330px;}
.i-ccb{ background-position:center -360px;}
.i-sdb{ background-position:center -390px;}
.i-post{ background-position:center -420px;}
.i-citic{ background-position:center -450px;}
.i-hxb{ background-position:center -480px;}
.i-gdb{ background-position:center -510px;}
.i-bob{ background-position:center -540px;}
.i-cib{ background-position:center -570px;}
.i-wei{ background-position:center -603px;}
.artimg{ width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto}
.artimg a{ display: block; float: left; width: 20%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;box-shadow: 0 -35px 120px rgba(0, 0, 0, 0.88) inset;transition: box-shadow 0.15s ease 0.1s;}
.artimg a:hover{box-shadow: 0 -35px 120px rgba(0, 0, 0, 0.6) inset;}
.artimg a img{ width: 100%;opacity: 0;}
.artimg a div{ position: absolute; width: 100%; bottom: 30px; text-align: center; line-height: 60px; }
.artimg a strong{ display: inline-block; font-size: 50px; line-height: 65px; vertical-align: bottom; margin:0 20px; height:65px; color: #fff; font-weight: 500; text-shadow: 1px 1px 1px #333;}
.artimg a span{display: inline-block; margin:0 20px; height: 40px; line-height: 40px; color: #fff; background-color: #6AAF08;  padding: 0 10px; font-size: 16px; }
.artimg a:nth-child(1){ background-image: url("../images/t1.jpg")}
.artimg a:nth-child(2){ background-image: url("../images/t2.jpg")}
.artimg a:nth-child(3){ background-image: url("../images/t3.jpg")}
.artimg a:nth-child(4){ background-image: url("../images/t4.jpg")}
.artimg a:nth-child(5){ background-image: url("../images/t5.jpg")}
.artlink{max-width: 1920px; background:url(../images/m-bg.jpg) center center no-repeat;background-attachment: fixed; background-size: cover; margin: 0 auto}
.artlink > div{ width:  calc(50% - 80px); background-color:rgba(106, 175, 8, .95); padding: 30px 40px; text-align: right}
.artlink > div.fright{ text-align:left;width:  calc(50% - 81px); border-left: 1px solid rgba(255, 255, 255, .2);   }
.artlink > div strong,.artlink > div a{ display: block}
.artlink > div strong{ margin-bottom: 30px; font-size: 30px; font-weight: 100}
.artlink > div a{ margin-bottom: 13px; color: #BFD89A; font-size: 18px;}
.artlink > div strong a{ color: #fff;font-size: 30px;}
.artlink > div a span{ float: right; margin-left: 25px; color: #fff; position: relative}
.artlink > div a span:after{content: "/"; position: absolute; left:-15px; top:0;}
.artlink > div a i{ font-style: normal}
.artlink > div.fright a span{ float: none; margin-left: 0px;  margin-right: 25px;}
.artlink > div.fright a span:after{left:auto; top:0; right:-15px;}
.malist{ margin: 90px auto 50px;}
.malist > strong{ display: block; text-align: center; border-top: 1px solid #eee; margin-bottom: 50px; }
.malist > strong span{ display:inline-block; margin: 0 auto; padding:0 25px; background-color: #fff; font-size: 36px;  font-weight: 100; margin-top: -10px;}
.malist > div{  margin-bottom: 35px;}
.malist .ma{text-align: center;}
.malist .ma > a{ position: relative; display: inline-block; padding: 0 25px; font-size: 22px; }
.malist .ma > a:after{ content: "|"; position: absolute; right:0; top:-3px; font-size: 14px; color: #eee;}
.malist .ma > a:last-child:after{ display: none}
.malist .ma > a strong{padding-bottom: 10px;  font-weight: 500; display: inline-block; margin: 0 auto; }
.malist .ma > a.current strong{color: #FF9D00; border-bottom: 3px solid #FF9D00; }
.malist .ma > a:hover strong{ color: #FF9D00;}
.malist .ma > a span{ display: none}
.malist .maxx ul{ margin-left: -10px; width: calc(100% + 20px); }
.malist .maxx li{ margin: 0 10px; width: calc(25% - 20px); float: left}
.malist .maxx li a{ display: block; position: relative; height:420px;border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.malist .maxx li a:before{content:""; display:block; opacity:0.7;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.95) 100%); width: 100%; height: calc(100% - 48px); left: 0; top:0; position: absolute;transition: opacity 0.3s ease 0.1s;  }
.malist .maxx li a:hover:before{  opacity:0.3;}
.malist .maxx li a div{ position: absolute; width:calc(100% - 20px); height: 48px; background-color: #000; color: #fff; bottom:0; left:0; line-height: 48px; padding: 0 10px; text-align: right}
.malist .maxx li a div span{ float: left}
.malist .maxx li a div i{ font-size: 18px;}
.malist .maxx li a strong{ position: absolute; bottom:70px; left: 10px; color: #fff; font-size: 26px; font-weight: 100;}
.malist .masy{ border-bottom: 1px dotted #ddd;  margin-left: -20px; width: calc(100% + 40px); }
.malist .masy:last-child{ border-bottom: none}
.malist .masy dl{  margin: 0 20px 40px 20px; width: calc(25% - 40px); float: left }
.malist .masy dt{ font-size: 20px; margin-bottom: 12px; color: #000}
.malist .masy dd{ margin:0 8px 12px 0; padding:0 0; float: left;}
.malist .masy dd a{ color: #999}
.malist .masy dd a.hot,.malist .masy dd a:hover{ color: #f60}
.mdtbg{ height: 480px; margin: 0 auto; width: 100%;  max-width: 1920px;box-shadow: 0 -30px 320px rgba(0, 0, 0, 1) inset;  background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.mdtjj{ width: 100%; padding-top:100px; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.58)}
.mdtjj strong{ font-size: 70px; line-height: 1; font-weight: 500; display: inline-block; margin-bottom: 20px; }
.mdtjj strong span{font-size: 28px; display: inline-block; padding: 10px 0 0 10px}
.mdtjj > span{  display: block; margin-bottom: 30px; font-size: 22px}
.mdtjj > span a{color: #fff; }
.mdtjj > span a i{ font-size: 32px; font-style: normal}
.mdtjj > span a:hover{ text-decoration:underline}
.mdtjj p{ line-height: 36px; width: 640px; font-size: 18px}
.mdtjj p a,.r-tbar a.fleft{ display: inline-block; padding: 0 10px; margin-left: 10px; background-color: #fff; color: #444;  height: 24px; line-height: 24px;  border-radius: 4px; text-shadow: none; font-size: 14px; }
.jd-bg{ height: 350px;}
.jd-bg span{ text-align: center;}
.jd-bg .mdtjj{ padding-top:60px;}
.jd-bg .mdtjj strong{ margin: 0 auto 20px; display: block; text-align: center; font-size: 50px; line-height: 1.2}
.jqjd .fleft{ width: 520px; text-align: center}
.jqjd .fright{ width: 650px;}
.jqjd .fright li{ float: left; font-size: 18px; margin: 0 10px 20px;}
.jqjd .fright li:nth-child(1),.jqjd .fright li:nth-child(2){ width: calc(50% - 20px); margin: 0 10px 40px; position: relative;}
.jqjd .fright li:nth-child(1) a,.jqjd .fright li:nth-child(2) a,.p100 .fright li:nth-child(3) a,.p100 .fright li:nth-child(4) a{ display: block; width: 100%; height: 60px; padding-top: 140px; text-align: center; font-size: 24px; line-height: 30px; color: #fff; position: relative; background-color:#eee; box-shadow: 0 -29px 50px rgba(0, 0, 0, 0.88) inset; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.jqjd .fright li:nth-child(1) a span,.jqjd .fright li:nth-child(2) a span,.p100 .fright li:nth-child(3) a span,.p100 .fright li:nth-child(4) a span{ display: block; font-size: 14px; line-height: 1; margin-top: 5px;}
.jqjd .fright li:last-child a{ display: inline-block; padding: 0 10px;  background-color: #6AAF08; color: #fff;  height: 26px; line-height: 26px;  border-radius: 4px; font-size: 16px; }
.jd-jj{ line-height: 1.6; font-size: 18px;}
.jd-jj img/*,.jd-jj p:first-child*/{ display: block; margin: 5px 15px 5px 0; max-width: calc(40% - 15px); float: left}
.jd-zjj li{ padding-left:125px; position: relative; font-size: 18px; line-height: 1.5; margin-bottom: 15px; }
.jd-zjj li > span{ position: absolute; left: 0; top:3px; font-style: normal; display: block; width:100px; text-align: right; font-size: 14px; color: #666}
.p100 .fright{ width: 100%; float: none}
.p100 .fright ul{ margin-left: -10px; width: calc(100% + 20px); }
.p100 .fright li:nth-child(1),.p100 .fright li:nth-child(2),.p100 .fright li:nth-child(3),.p100 .fright li:nth-child(4){ width: calc(25% - 22px); position: relative; border: 1px solid #eee; margin: 0 10px 40px; padding-bottom: 190px; position: relative;}
.p100 .fright li a p{ position: absolute; padding: 0 10px; left:0; top:210px; font-size: 18px; color: #444; text-align: left; line-height: 1.5}
.p100 .fright li a p span{display: block; text-align: center; margin-bottom: 10px; font-size: 14px;}
.p100 .fright li a p span i{ font-style: normal; color:#FF9D00 }
.bgc1{ padding:1px 0; background-color: #F9F9F9}
.bgc1 .malist > strong span{ background-color: #F9F9F9}
.userglist ul{ margin-left: -10px; width:calc(100% + 20px); margin-bottom: 0px;  }
.userglist li{ float: left; width: calc(25% - 20px); margin: 10px 10px 35px ; position: relative }
.userglist li a{ display: block; background-color: #fff; padding: 0 12px 15px; color: #444; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.userglist li a > .ugimg{ margin-left: -12px; width: calc(100% + 24px); border-radius: 4px 4px 0 0;  margin-bottom: 12px; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover;box-shadow: 0 -50px 80px rgba(0, 0, 0, 0.28) inset;}
.userglist li a > strong{ color: #000;font-size: 18px; width: 96%; line-height:30px; margin-bottom: 8px; font-weight:normal; display: block; height: 30px; overflow: hidden}
.userglist li a p{ line-height: 1.5; height: 105px; font-size: 14px; overflow: hidden}
.userglist li a > span{line-height: 1.2; font-size: 14px; display: block; height: 44px; line-height: 40px; overflow: hidden; position: absolute; top:215px; left:8px; width: 95%; z-index: 1; color: #fff;}
.userglist li a > i{ position: absolute; display: block;  text-align: center; left:10px; top:10px; color:  rgba(255,255,255, .9); font-size: 12px; font-style: normal;}
.userglist li a > i strong{ display: block; font-size: 16px;  border-top: 1px solid rgba(255,255,255, .3); padding-top: 5px; margin-top: 0px; font-weight: 200; }
/*.userglist li a span:after{content: ""; display: block;position: absolute; left:33px; bottom:0; border-left:8px dashed transparent; border-bottom:8px solid #fff; border-right:8px dashed transparent; height:0; line-height:0; width:0; overflow:hidden}*/
.userglist li a > span img{box-shadow: 2px 1px 3px 0 rgba(34, 25, 25, 0.2);width: 40px; height: 40px;  border-radius: 100px; margin-right: 6px; border-bottom: none; float: left}
.usersp-main .userglist li a > span{ display: none}
.usersp-main .userglist li a > .ugimg{box-shadow: 15px 40px 80px rgba(0, 0, 0, 0.48) inset;}
.usersp-main .userglist li.nopic a > .ugimg{height: 70px}
.userglist li.nopic a p{ height: 285px}
.forphoto li a > .ugimg{ height: 200px;}
.forphoto li a > .ugimg2{ margin-top: -12px;margin-left: -12px; width: calc(100% + 24px);  margin-bottom: 12px; height: 100px;}
.forphoto li a > .ugimg2 div{ float: left; width: 50%; height: 100px;background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.18) inset;}
.forphoto li a p.pc{ height: 25px; }
.forphoto li a p.pc span{ font-size: 14px; color: #999; margin-left: 10px;}
.forphoto li a p.pc span img{ width: 24px; height: 24px; border-radius: 100px; float: left; margin-right: 3px;}
.forphoto li a > span{top:215px;;}
.forphoto li.olny1-2 a > .ugimg{ height: 300px;}
.forphoto li.olny1-2 a > .ugimg2{ display: none}
.usersp-main .forphoto{ padding-top: 50px;}
.usersp-main .forphoto li a p.pc span{ display: none}
.malist > div.userplist{ margin-bottom: 0}
.userplist ul{ margin-left: -10px; width:calc(100% + 20px); margin-bottom: 0  }
.userplist li{ float: left; width: calc(25% - 20px); margin: 0 10px 20px;}
.userplist li:nth-child(1),.userplist li:nth-child(2),.userplist li:nth-child(3),.userplist li:nth-child(7n+1),.userplist li:nth-child(7n+2),.userplist li:nth-child(7n+3){  width: calc(33.33% - 20px); }
.userplist li a{ position: relative; display: block; position: relative; height: 240px; background-repeat: no-repeat; background-position: center center; background-size: cover;box-shadow: 0 -29px 35px rgba(0, 0, 0, 0.88) inset;}
.userplist li a p{ position: absolute; bottom: 5px; left: 10px; font-size: 12px; color: rgba(255, 255, 255, 0.8)}
.userplist li a p span{ font-size: 14px; margin-right: 5px;color:#fff}
.userplist li a p span img{box-shadow: 2px 1px 3px 0 rgba(34, 25, 25, 0.2);width: 30px; height: 30px;  border-radius: 100px; margin:-6px 6px 0 0; border-bottom: none; float: left}
.yhlist{ padding-bottom:25px;}
.yhlist ul{ margin-left: -15px; width:calc(100% + 30px);}
.yhlist li{ float: left; width: calc(33.33% - 30px); margin: 0 15px 30px; height: 440px}
.yhlist li a{ display: block; padding-left: 90px; position: relative}
.yhlist li a div{ height: 260px; margin-left: -90px;width: calc(100% + 90px); margin-bottom: 25px; background-position: center center; background-size: cover; background-repeat: no-repeat}
.yhlist li a > strong{ font-size: 20px; margin-bottom: 15px; color: #444; display: block; line-height: 25px;max-height: 50px; overflow: hidden}
.yhlist li a p{ color: #666; line-height: 1.5; font-size: 16px; color: #999}
.yhlist li a span{ display: block; text-align: center; font-size: 18px;color: #444; padding-bottom: 15px; border: 1px solid #eee; position: absolute; left:0; top:285px; width: 66px;}
.yhlist li a span strong{ display: block; background-color:#6AAF08; color: #fff;  text-align: center; margin-bottom: 15px; padding: 18px 0; font-weight: 100; font-size: 16px; }
.yhlist li a span strong i{ display: block; font-style: normal; font-size: 24px; padding-bottom: 5px;}
.yhlist li a span > i{ font-size: 24px; }
.wws li{ }
.wws li a{ padding-left: 0; }
.wws li a div{ height: 260px; margin-left:0; width: 100%; background-color:#f9f9f9; margin-bottom:15px;}
.wws li a > strong{margin-bottom: 0px;font-size: 22px; font-weight:500;}
.wws li a p{ font-size: 14px;}
.wws li a p:nth-child(2){ margin-bottom: 15px;}
.wws li a span { display: block;left:auto; right:10px; top:215px; width: 140px; background-color: #fff; text-align: left; font-size: 14px; height: auto;padding-bottom: 0;}
.wws li a span strong{ display: block; width: auto; padding: 4px 0; font-size: 14px; margin-bottom: 0; }
.wws li a span strong i{ display: inline; font-size: 20px; margin: 0 4px; }
.jdbest ul{ width:  calc(100% + 20px); margin-left: -10px;}
.jdbest li{ float: left; width: calc(25% - 20px); margin: 0 10px 20px; height:160px; }
.jdbest li:nth-child(1){ width: calc(50% - 20px);height:340px; margin: 0 10px 0;}
.jdbest li:nth-child(4),.jdbest li:nth-child(5){ margin: 0 10px 0;}
.jdbest li div{ display: block; position: relative; height: 100%; background-color:#eee; box-shadow: 0 -22px 50px rgba(0, 0, 0, 0.88) inset; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.jdbest li div span{ position: absolute; color: #fff; font-size: 18px; bottom:10px; left:10px;}
.jdlist ul{ margin-left: -10px;width:calc(100% + 20px);}
.jdlist li{ float: left; width:calc(50% - 20px); min-height: 120px; border-bottom: 1px dotted #eee; margin:0 10px 25px; padding-bottom: 25px;}
.jdlist li a{display:block; padding:0 10px 0 200px; position: relative; }
.jdlist li a:hover{ color: #666;}
.jdlist li a > div{ position: absolute; left:0; top:0; width: 180px; height: 120px;background-color:#eee; box-shadow: 0 -29px 50px rgba(0, 0, 0, 0.38) inset; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.jdlist li a > strong,.jdlist li a > span,.jdlist li a > p{ display: block; margin-bottom: 5px; }
.jdlist li a > strong{ font-size: 18px; font-weight: normal; color: #000; height: 20px; line-height: 20px; overflow: hidden}
.jdlist li a > span{ font-size: 14px; }
.jdlist li a > span i{ font-size: 18px; color: #ccc}
.jdlist li a > p{ line-height: 24px; height: 70px; overflow: hidden; margin-bottom: 0; color: #999}
.gl ul{ margin-left: 0;width:100%;}
.gl li{float: none; width:100%; margin: 0 0 25px; padding-bottom: 25px;min-height: 180px;  }
.gl li:last-child{ margin: 0 0 15px;}
.gl li a{padding:0 0 0 310px; }
.gl li a > div{ width: 280px; height: 180px;}
.gl li a > strong,.gl li a > span,.gl li a > p{margin-bottom: 10px; }
.gl li a > strong{ height: auto; line-height: 24px; font-size: 20px;}
.gl li a > span img{ width: 20px; float: left; margin-right: 3px;}
.gl li a > span span{ margin-right: 20px;}
.gl li a > span:last-child{ text-align: right}
.gl li a > p{ line-height: 28px; height: 80px; font-size: 18px;}
.gl li.noimg a{padding:0 0 0 0; }
.gl li.noimg a > div{  display:none}
.usersp-main .gl{ padding-top: 50px;}
.usersp-main .gl li{ background-color: rgba(255, 255, 255, 0.9);;padding-bottom: 0; padding: 10px; border-bottom: none;border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.sxlist{ background-color: #fafafa; padding:10px 15px; margin:0 0 30px;}
.sxlist dl{ border-bottom: 1px dotted #ddd; margin:0 0 10px; padding:0 0 10px 100px; position: relative}
.sxlist dl:last-child{ margin-bottom: 0; padding:0 0 0 100px; border-bottom: none}
.sxlist dd,.sxlist dt{ float: left; margin: 3px 0}
.sxlist dt{ width: 100px; color: #999; font-size: 16px; position: absolute; left:0; top:2px;}
.sxlist dd{ margin: 3px 20px 3px 0}
.sxlist dd > a{ display: block; padding: 3px 8px; background-color: transparent; }
.sxlist dd > a:hover{ color: #f60}
.sxlist dd.current > a{ background-color: #f60;color: #fff; border-radius: 3px;}
.sxlist dd > span{ font-size: 12px; color: #999; margin-left: 5px}
.sxlist dd.current > span{ color: #fff}
.sxlist dd a:hover > span{ color: #f60}
.sxlist .ft14 dd{ font-size: 14px; margin: 3px 5px 3px 0}
.sxlist .ft14 dd a{padding: 0px 8px;}
.sxfl{ margin-left: 100px; margin-bottom: 10px;}
.sxfl > div{ border-bottom: none}
.sxfl > div a{margin: 0 30px 0 10px; color: #999; font-size: 14px;}
.sxfl > div a.current,.sxfl > div a:hover{color: #f60}
.sxfl > div.sxfl-s{ border-bottom: 1px solid #eee; margin-bottom: 5px;}
.sxfl > div.sxfl-s a{ margin: 0 27px 0 7px; padding:0 3px 5px; font-size: 16px; display: inline-block; color: #444}
.sxfl > div.sxfl-s a.current,.sxfl > div.sxfl-s a:hover{ border-bottom: 1px solid #f60; color: #f60}
.picmain{ width: calc(100% - 460px); height: calc(100% - 40px); margin: 0 0 0 0; padding:0 380px 40px 80px; background-color: #000; position: fixed; top:40px;}
.picmain .potobg{ width: 100%; height: calc(100% - 40px); background-position: center center; background-repeat: no-repeat; background-size: contain;}
.potobg > div{ height:100%; position:relative; vertical-align: middle; text-align: center}
.potobg > div img{ max-height: 100%; max-width: 100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:block }
.potobg a{ display: block; height: calc(100% - 80px); width: 40%; text-align: left; color: rgba(255, 255, 255, 0.3); font-size: 100px; position: absolute; left:0; top:0px;}
.potobg a:hover{ color: rgba(255, 255, 255, 1); }
.potobg a i{ height: 100px; width: 100%; top:50%; margin-top: -50px; display: block; position: relative}
.potobg a.fright{ left:auto; right:300px; text-align: right}
.picbottom{width: calc(100% - 460px); padding:0 380px 0 80px;}
.picbottom{background-color: #000; font-size: 14px; height:39px; line-height: 39px; color: #fff; text-align: center; border-top: 1px solid #292929; position: fixed; left:0; bottom:0;}
.picbottom a{ color:#FFFF00; margin: 0 10px; font-size: 18px;}
.pictop{background-color: #000;height:39px; border-bottom: 1px solid #292929; width: 100%}
.pictop .crumbs{  margin-left: 15px}
.pictop a,.pictop strong{ color: #fff}
.picmainlist{display: block; height: calc(100% - 80px); width: 300px; position: absolute; right:0; top:0;}
.picmainlist > ul,.picmainlist .piccomment{ display: block; height:100%; width: 320px; overflow-y: scroll;}
.picmainlist > ul li{ float: left; width: 99px; height: 99px; padding: 0.5px; background-color: rgba(255, 255, 255, 0.5);}
.picmainlist > ul li a{ position: relative; display: block; width: 100%; height: 100%; background-color: #eee; background-position: center center; background-repeat: no-repeat; background-size: cover}
.picmainlist > ul li a:hover:after,.picmainlist li.current a:after{content: ""; position: absolute; left:0; top:0; border: 2px solid #f60; width: 96px; height: 96px; display: block}
.picmainlist .piccomment{width: 300px; padding-right: 20px;}
.piccomment > div{ padding-bottom: 15px; margin-bottom: 15px;}
.piccomment > div strong{ color: #fff; font-size: 14px; margin-bottom: 10px; display: block}
.piccomment > div ul{ padding-bottom: 150px;}
.piccomment > div li{padding-bottom: 40px; margin-bottom: 15px; border-bottom: 1px solid #4D4D4D; position: relative; color: #999;}
.piccomment > div li a img{ width: 36px; height: 36px; border-radius: 100px;}
.piccomment > div li > a{position: absolute; left:0; top:3px}
.piccomment > div li div{ padding-left: 50px; font-size: 12px; margin-bottom: 10px;}
.piccomment > div li div span{ display: block }
.piccomment > div li div span:first-child{ display: inline-block; margin-right: 5px}
.piccomment > div li div a{ font-size: 16px; color: #fff}
.piccomment > div li div p{bottom: 8px; position: absolute;  right: 0; display: block}
.piccomment > div li div a.fright{ background-color:rgba(255, 255, 255, 0.3); margin-left: 5px;  border-radius: 8px; color: #ccc;  display: block;  font-size: 12px;  height: 18px;  line-height: 18px;  padding: 0 8px;  }
.piccomment > div li > span{ display: block; color: #fff;font-size: 14px; line-height: 20px;}
.piccomment > div li > span img{ max-width: 260px;}
.piccomment > div li > span strong{ display:inline}
.piccomment > div.piccomment-textarea{  position: absolute; width: calc(100% - 20px);; bottom:0; right:0; padding: 10px; border-radius: 10px 10px 0 0; background-color: #4D4D4D; margin-bottom: 0;}
.piccomment > div.piccomment-textarea textarea{ background-color: #fff; border-radius: 4px; padding: 5px; border: 0; width: calc(100% - 10px); margin-bottom: 5px}
.piccomment > div.piccomment-textarea a.fright{ color: #fff; font-size: 14px; }
.piccomment .piczz{ position: relative; padding:15px 0 0 58px;}
.piccomment .piczz img{ display: block; position: absolute; left:0; top:10px; width: 48px; height: 48px; border-radius: 100px;}
.piccomment .piczz a{ display: block; color: #fff}
.piccomment .piczz a:last-child{ font-size: 14px;}
.piccomment .picdz a{ display: block; height: 40px; line-height: 40px; color: #fff; background-color: #6aaf08; border-radius: 4px; text-align: center}
.piccomment .picdz a span{ font-size: 12px;}
.glbg{ height: 350px; position: relative}
.glbg .mdtjj{ padding-top: 25px; margin-bottom: 10px;}
.glbg .mdtjj strong{ font-size: 50px; line-height: 1.4; max-height: 200px; overflow: hidden; width: 90%;}
.gluser{   line-height: 20px; padding-left: 80px;color: #fff; position: relative }
.gluser span{display: block; font-size: 12px; color:rgba(255, 255, 255, 0.5); }
.gluser img{ width: 60px; height:60px; border-radius: 100px; display: block; position: absolute; left:0; top:-15px;}
.gluser a{ color: #fff}
.r-tbar{ position: absolute; z-index: 111; right:50%; bottom:-50px; margin-right: -600px; width: 1150px;}
.r-tbar a{ display: block; float: right;  min-width: 50px; margin-left: 10px; font-size: 14px; text-align: center; color: #fff;}
.r-tbar a.nohand{ cursor: default}
.r-tbar a:first-child{ color: #999; font-size: 12px; width: auto; margin-left: 20px;}
.r-tbar a img{ display: block; width: 100px; height: 100px; border-radius: 4px; margin: 0 auto}
.r-tbar a span{ display: block; position: relative; font-size: 18px; margin: 5px auto 2px; border-radius: 100px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #fff; border: 1px solid rgba(255, 255, 255, 0.8); background-color: rgba(102, 102, 102, 0.6) }
.r-tbar a span i{ color: #FF0000; font-size: 22px; position: absolute; right: -5px; top:-15px;transform:rotate(30deg);}
.r-tbar a:hover span{border: 1px solid #6aaf08; background-color: #6aaf08; }
.r-tbar a.nohand:hover span{ border: 1px solid rgba(255, 255, 255, 0.8); background-color: rgba(102, 102, 102, 0.6) }
.r-tbar a.fleft{ float: left; width: auto; margin-top: 88px; font-size: 16px; height: 28px; line-height: 28px; color: #fff; background-color: #6aaf08}
.r-tbar a.fleft i{ font-size: 20px; color:#fff}
.detail_box{position:relative;}
.detail_txt #article-content{ width: 1100px; margin: 0 auto; overflow: hidden;}
.detail_txt { padding: 80px 0 50px;  font-size: 18px;  line-height: 2;  word-break: break-all; }
.detail_txt img { display: block;  margin-bottom: 5px;  max-width: 1100px;  width: auto;  }
.detail_txt p {  padding: 0 0 8px;  }
.detail_box .right-txt,.detail_box .left-txt{ position: absolute; right:0; top:0; height: 100%; width: calc(50% - 600px); background-color: #fcfcfc;}
.detail_box .left-txt{ right:auto; left:0;}
.detail_box .malist,.detail_box .malist > div{ margin-bottom: 0;}
.detail_box .malist{  background-color: #fcfcfc; padding-top: 50px; margin: 0 auto}
.detail_box .malist > strong span{ background-color: #fcfcfc}
.detail_box .userplist{width:calc(90% + 20px); margin: 0 auto}
.ucomment{ background-color: #fff; padding: 50px}
.ucomment li{ display: block; padding: 0  0 25px 80px; margin-bottom: 25px; position: relative; }
.ucomment li:last-child{ padding: 0 0 0 80px; margin-bottom: 0}
.ucomment li > a img{ border-radius: 4px; width: 48px; height: 48px; position: absolute; left:0; top:0;}
.ucomment li > div{ background-color: #fcfcfc; padding: 5px 10px; margin-bottom: 20px;}
.ucomment li > div a,.ucomment li > div span{ margin-right: 10px;}
.ucomment li > div span { font-size: 14px; color: #ccc; line-height: 1.6}
.ucomment li > span{ padding: 10px; font-size: 18px}
.ucomment li a.fright{ font-size: 14px; margin-right: 0; margin-left: 10px; color: #6AAF08}
.ucomment .reviewsubtitle2{ display:inline}
.fxtitle{ max-width: 1200px; padding-top: 20px;}
.fxtitle .fleft{margin:0 40px 0 10px; padding-right:35px; border-right:1px solid #eee;width: 420px; font-size: 18px; line-height: 1.4}
.fxtitle .fleft strong{ display: block; font-size: 20px; font-weight:normal}
.fxtitle .fleft span{ color: #f60; font-size: 36px; margin-right: 10px;}
.fxtitle .fleft:last-child{ width: 180px; margin-left:0; margin-right: 10px; padding-right:0; border-right: none; float: right}
.fxtitle .fleft:last-child a{ display: block; height: 48px; line-height: 48px; background-color: #6aaf08; color: #fff; font-size: 22px; text-align: center; margin-bottom: 15px; border-radius: 4px;}
/*.fxtitle .fleft:last-child a:last-child{ background-color: #0089cf; color: #fff;}*/
.fxtitle .fleft:last-child a i{ font-size: 30px; line-height: 50px}
.fxsearch{ position: absolute; left:50%; top:310px; margin-left: -600px; width: 600px; padding:10px 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 8px; color: #fff;}
.fxsearch > div{ margin:10px 0;}
.fxsearch > div > span,.zxsearch > span{ margin-right: 15px;}
.fxsearch > div > input,.zxsearch > input{ font-size: 18px; color: #444; width: calc(100% - 80px); float: left; margin-right: 10px; height: 44px; min-height: 44px; line-height: 24px; padding: 10px; border: 0; border-radius: 4px;background-color: rgba(255, 255, 255, 0.95);}
.zxsearch > input{ width: 500px;}
.fxsearch > div > a,.zxsearch a{ display:block; float: left; width: 44px; height: 44px; overflow: hidden; line-height: 48px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.95); color: #000; text-align: center; font-size: 30px;}
.zxsearch a{ width: 34px; height: 34px;line-height:38px;background-color: rgba(0, 0, 0, 0.3); color: #fff; margin:5px 0 0 -56px; }
.fxtop{ position: absolute; left:50%; top:60px; margin-left: -590px; width: 800px;}
.fxtop a{ color: rgba(255, 255, 255, .8); display: block; line-height: 30px; font-size: 14px;}
.fxtop strong{ display: block; line-height: 1.5; font-size: 34px; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); color: #fff; margin-bottom: 10px;}
.fxtop strong:first-letter{ font-size: 44px;}
.fxtop a span{display: inline-block; padding-top:15px; border-top:1px solid rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 1);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 16px; padding-right: 100px; }
.fxtop img{ width: 30px; height: 30px; margin-right: 10px; border-radius: 100px; box-shadow: 2px 1px 3px 0 rgba(34, 25, 25, 0.2); float: left }
.usersp{ background-color:  rgba(0, 0, 0, 0.7) !important; border-bottom: none !important; }
.usersp .topnav{ background-color:  rgba(5, 54, 54, 0.3) !important; border-bottom:3px solid rgba(106, 175, 8, 0.5) !important;}
.usersp .logobox:link, .logobox:hover{ color: #ddd;}
.usersp .logobox strong,.usersp .logobox strong span{ color: #fff;}
.usersp .logobox{ background: url("../images/logo2.png") no-repeat}
.usersp .navtab a{ color: #fff;}
.usersp-bg{ width: 100%; height: 100%; position: fixed; left:0; top:0; background-color: rgba(0, 0, 0, 0);  background-repeat:  repeat-y; background-position:center 0; background-attachment:fixed;  background-size:  cover ; box-shadow: 60px 60px 200px rgb(0, 0, 0) inset;}
.usersp-main{ position: relative; z-index: 1}
.usersp-hd{ width: 100%; height: auto; padding-top: 15px; background-color: rgba(0, 0, 0, 0.5); color: #fff;}
.usersp-z{ border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-bottom: 15px; }
.usersp-z > img{ display: block; width: 110px; height: 110px; border: 5px solid rgba(0, 0, 0, 0.1); border-radius: 100px; float: left; margin-right: 25px; }
.usersp-z > strong{ font-size: 24px; padding: 25px 0 10px; display: block; font-weight:500;}
.usersp-z > strong span{ display: inline-block; margin: 0 5px; font-size: 14px; font-weight:200; background-color: #f60; border-radius: 4px; color: #fff; padding: 0 6px; height: 20px; line-height: 18px;}
.usersp-z > strong i{ font-size: 16px; font-weight:200; font-style: normal; margin: 0 5px 0 10px;}
.usersp-z p{ margin-bottom: 5px; position: relative}
.usersp-z p a{  margin-right: 10px; padding-right: 13px; border-right: 1px solid rgba(255, 255, 255, .3); font-size: 14px; color: #ddd;}
.usersp-z p span{margin-left: 10px; padding-left: 13px; border-left: 1px solid rgba(255, 255, 255, .3);font-size: 14px; color: #ddd; }
.usersp-z p a:last-child{border-right: none}
.usersp-z p > span:first-child{ border-left: none; margin-left: 0;padding-left: 3px;}
.usersp-z p i{ color: #999; font-style: normal; margin-right:10px; font-size: 12px;}
.usersp-z p.ft16{ padding-top: 5px; width:830px; height:22px; overflow:hidden}
.usersp-z p > strong{ position: absolute; right:0; top:-15px; font-weight: 200; font-size: 22px;  }
.usersp-z p > strong a{ float: left; text-align: center; padding: 0 15px; font-size: 26px; color: #fff; margin: 0 0; padding: 0 30px;}
.usersp-z p > strong a i{ display: block; color: #fff; width: 100%; text-align: center; font-size: 14px; padding-top: 10px;}
.usersp-t{ padding: 10px 0 15px; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.usersp-t > a{ display: block; height: 45px; line-height: 48px; color: #fff; float: left; padding: 0 15px; border-radius: 4px 4px 0 0; margin-right: 10px;border-bottom: 1px solid  rgba(255, 255, 255, 0); }
.usersp-t > a.current{ border-bottom: 1px solid  rgba(255, 255, 255, 0.56);}
.usersp-t span a{ display: block; float: left; margin: 0 0 0 10px; width: auto; padding: 0 15px; height: 50px; line-height: 50px; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: center }
.usersp-t span a i{ font-size: 22px; margin-right: 3px}
.usersp-lb{ padding: 30px 0 20px 0; font-size: 18px; color: #fff;text-shadow: 1px 1px 1px #333; text-align: center}
.usersp-lb span{ font-size: 24px; margin: 0 6px;}
.usersp-e{ padding: 20px 0 1px 0;height: 42px;}
.usersp-e a{ display: block;height: 42px;  line-height: 42px; color: #fff; float: left; width: calc(20% - 1px); margin-right: 1px; text-align: center;background-color: rgba(0, 0, 0, 0.5);}
.usersp-e a.current{ position:relative; background-color: rgba(0, 0, 0, 0.3);height: 43px;  position: relative}
.usersp-e a.current:before,.usersp-e a.current:after{content: ""; position:absolute; width: calc(100% - 40px); left:20px; bottom: 0px; height: 1px; background-color: rgba(0, 0, 0, 0.3);}
.usersp-e a.current:after{ bottom: -1px; background-color:  rgba(255, 255, 255, 0.2);}
.usersp-e a:last-child{ width:20%; margin-right: 0;}
.usersp-ebg {background-color: rgba(0, 0, 0, 0.3); padding: 30px 20px 20px; color: #fff; margin-bottom: 20px;}
.usersp-p{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.2);  padding: 15px 0 10px;}
.usersp-p:first-child{ border-top: none; padding: 0 0 10px 0}
.usersp-p:last-child{border-bottom: none; padding: 10px 0 0 0}
.usersp-p input[type=text],.usersp-p input[type=password]{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); height: 38px; line-height: 38px; border-radius: 2px; border:none;  background-color: rgba(255, 255, 255, 0.9); width: 380px; padding: 0 10px; font-size: 16px; margin: 0 10px 0 0;}
.usersp-p input[type=button],.usersp-p input[type=submit]{ display: inline-block; width: auto; padding: 0 10px; text-align: center; border: 1px solid #eee;  background-color: #fff; font-size: 14px;}
.usersp-p button,.ddtbale td button{ display: inline-block; cursor: pointer; height: 28px; line-height: 28px; border-radius: 2px; border:none; background-color: #fff; margin: 0 10px 0 0; }
.usersp-p button:hover,.ddtbale td button:hover{ background-color: #f1f1f1;}
.usersp-p button i,.ddtbale td button i{ font-size: 24px; line-height: 28px}
.userbg,.usertx{ display: block; width: auto; height: auto; min-width: 60px; max-width: 100px; border: 3px solid rgba(0, 0, 0, 0.1);}
.usertx{ width: 60px; height: 60px; max-width: 60px;}
.usersp-p select{ height: 34px; line-height: 34px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.9);  padding: 0 10px; border: none; }
.usersp-p div{ margin-bottom: 5px; position: relative; padding-left: 180px; height: auto; min-height: 48px; line-height: 48px;}
.usersp-p-d div{ float: left; width: calc(50% - 140px);padding-left: 120px; padding-right:20px; font-size: 18px; min-height: 32px; line-height: 32px;}
.usersp-p-d div.wpo{ width: calc(100% - 140px);}
.usersp-p div img.fleft{ margin-right: 20px;}
.usersp-p div > strong{ position: absolute; left:0; top:0; font-weight: normal; font-size: 16px }
.usersp-p-d div > strong{ color: rgba(255, 255, 255, 0.7);}
.usersp-p div > strong.required:after{content: "*"; color: #f60; font-size: 22px; position: absolute; right:-15px;top:5px;}
.usersp-p div > span{ font-size: 14px; margin-right: 15px;}
.usermrtx li{ float: left; margin:0 5px 5px 0; line-height: normal}
.usermrtx li img{ width: 38px; border: 1px solid transparent}
.usermrtx li span{ cursor: pointer}
.usermrtx li span:hover img{ border:1px solid rgba(255, 255, 255, 0.8);}
.button{ height: auto; line-height: normal; display: inline-block; border:none}
.button i{ margin-right: 3px;}
.b-c1{ background-color: #fff; color: #666}
.b-c2{ background-color: #ffb947; color: #fff}
.b-c3{ background-color: #f1f1f1; color: #666}
.b-c4{ background-color: rgba(0, 0, 0, 0.5); color: #fff}
.b-r2{ border-radius: 2px;}
.b-r4{ border-radius: 4px;}
.b-s{ height: 22px; line-height: 22px; font-size: 12px}
.b-s i{ font-size: 16px; }
.b-m{ height: 28px; line-height: 28px; font-size: 14px}
.b-m i{ font-size: 18px; }
.b-l{ height: 34px; line-height: 34px; font-size: 16px}
.b-l i{ font-size: 20px;}
.b-xl{ height: 38px; line-height: 38px; font-size: 18px}
.b-xl i{ font-size: 22px; }
.b-center{ display:block; margin:0px auto 25px; text-align:center; width:120px;}
.ddtbale{ margin-bottom: 20px;}
.ddtbale tr{  border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.ddtbale td,.ddtbale th{ padding: 8px 0; text-align: center}
.ddtbale td,.ddtbale td a{ color: #fff; font-size: 14px;}
.user-f ul{width: calc(100% + 20px); margin-left: -10px;}
.user-f li{ width: calc(25% - 20px); margin: 0 10px 20px; float: left}
.user-f li a{ display: block; background-color: rgba(255, 255, 255, 0.99); border-radius: 4px; position: relative; min-height: 60px;  padding:10px 10px 10px 80px;}
.user-f li a img{ width: 60px; border-radius: 100px; position: absolute; left: 10px; top:10px;}
.user-f li a > strong{ font-size: 16px; font-weight: normal; line-height: 36px; height: 36px; overflow: hidden; display: block}
.user-f li a > p{ font-size: 14px; color: #999}
.user-f li a > p span{ margin-right: 10px;}
.pageNavi {  font-family: tahoma;  height: 32px;  line-height: 32px;  margin: 15px 0 30px;  text-align: right;  font-size: 0px;  }
.pageNavi a {  background-color: #fff;  border: 1px solid #ddd;  color: #999;  margin: 0 4px;  padding: 5px 10px;  text-decoration: none;  font-size: 16px;  }
.pageNavi a:first-child {  margin: 0 2px 0 5px;  }
.pageNavi a:last-child {  margin: 0 0 0 2px;  }
.pageNavi a:hover {  background-color: #6aaf08;  border: 1px solid #6aaf08;  color: #fff;  }
.pageNavi span {  background-color: #6aaf08;  border: 1px solid #6aaf08;  color: #fff;  margin: 0 4px;  padding: 5px 10px;  font-size: 16px;  }
.usersp-ebg .pageNavi{height: 28px;  line-height: 28px;margin: 15px 0 ;text-align: center;}
.usersp-ebg .pageNavi a,.usersp-ebg .pageNavi span{font-size: 14px;}
.usersp-ebg .pageNavi a{border: 1px solid #fff; padding: 4px 10px; color: #666;}
.usersp-ebg .pageNavi a:hover{border: 1px solid #f1f1f1;color: #444; background-color: #f1f1f1;}
.usersp-ebg .pageNavi span{padding: 4px 8px;}
.b_abu{ line-height: 1.8; font-size: 18px; min-height: 300px;}
.b_abu_top,.malist > div.b_abu_top{background:url(../images/b_abu.jpg) center center no-repeat;background-size: cover; margin: 0 auto;height: 200px; margin-bottom: 80px}
/*map*/
.map-left{ float:left; margin-top:20px; position:relative; width:100%; height:auto}
.map-small{ position:absolute; left:-25px; bottom:35px;}
.area-hover{ position:absolute; width:220px;  height:auto; border:1px solid #D6FFFF; background-color:#fff; padding:10px; border-radius:5px;}
.area-hover .fleft img{ width:61px; height:61px;}
.area-hover .fright{ width:153px;}
.area-hover .fright a:link,.area-hover .fright a:visited{color:#4497E3; padding-right:8px; white-space:nowrap;}
.area-hover .fright a:hover{text-decoration:underline;}
.area-hover .fright strong{ font-size:20px; display:block; margin-bottom:5px;}
.china-smallmap,.shijie-smallmap{ display:block; width:0px; height:102px; background-image:url(../images/chinamap-small.png); background-color:#fff; background-repeat:no-repeat; padding-left:170px; overflow:hidden; border:2px dotted #eee;}
.shijie-smallmap{ background-position:0px -107px;}
.map-right{ float:right; margin-top:20px; width:305px;}
.map-right input{ width:245px; height:38px; border-radius:5px; border:0; line-height:38px; padding:0 5px; font-size:14px; color:#666; margin-right:10px; background-color:#eee}
.wst{ display:block; border-radius:19px; -moz-border-radius:19px; -webkit-border-radius: 19px; width:38px; height:38px; text-align:center; line-height:38px; background-color:#6aaf08; color:#fff; font-size:24px; font-weight: normal; position:relative; float:left;}
.wst:after{ content: ""; background-color:#6aaf08; display:block; width:18px; height:18px; line-height:18px; position:absolute; right:2px; bottom:4px; z-index:1}
.wst span{ position:relative; z-index:2; color:#fff}
.wst:hover,.wst:hover:after{background-color:#6aaf08; color:#fff;}
.map-right .wst span{ font-size:12px;}
.map-right .wst{ float:right;}
.map-right-img .rmss{ display:block; color:#fff; font-size:16px; margin-bottom:10px;}
.map-right-img a:link,.map-right-img a:visited{ height:100px; width:100px; text-align:center; float:left; position:relative; color:#fff; background:#eee; overflow:hidden; display:block;}
.map-right-img div{ position:absolute; left:0; bottom:0; background:#000; background:rgba(0,0,0,.7); filter:alpha(opacity=85); height:25px; line-height:25px; padding:0 10px;}
.map-right-img .map-img-middle:link,.map-right-img .map-img-middle:visited{ width:200px;}
.map-content{ width:980px; margin:0 auto;}
.map-rl{ float:left; width:260px; height:247px; background:url(../images/chinamap-small.png) no-repeat -7px -219px; padding:88px 25px 0 25px;}
.map-rl table{border-color:#e0e0e0;}
.map-rl td{width:64px; height:60px; border:1px solid #e0e0e0; line-height:60px; text-align:center; font-size:14px; padding:0;}
.map-rl td a:link,.map-rl td a:visited{color:#666; display:block; width:64px; height:60px; text-decoration:none;}
.map-rl td span{ font-size:26px;}
.map-rl td a:hover{ background-color:#efefef;}
.map-rl .current:link,.map-rl .current:visited{ background:#4bb7ef; color:#fff;}
.map-jd{ float:right;}
.map-jd-yue{ width:306px; height:187px;}
.map-jd ul{ width:306px;}
.map-jd-yue a:link,.map-jd-yue a:visited{ width:306px; height:187px; background:#eee; text-align:center; position:relative; overflow:hidden; color:#fff; display:block; text-decoration:none;}
.map-jd-yue img{ height:187px; width:auto;}
.map-jd-yue div{ height:55px; background:#000; background:rgba(0,0,0,.8); filter:alpha(opacity=85); position:absolute; top:0; left:0; width:306px; text-align:left;}
.map-jd-yue span{color:#1992d1;}
.map-jd-yue .sp{ height:41px; width:61px; font-size:16px; background:#4bb7ef; display:inline-block; background:rgba(75,183,239,.8); filter:alpha(opacity=100); padding:7px; margin-right:13px; font-weight:bold;}
.map-jd-yue .sp em{display:block; text-align:right; font-style:normal; font-weight:normal;}
.map-jd-yue .sp-txt{ display:block; height:27px; line-height:27px; color:#fff; font-size:16px;}
.map-jd li{ height:32px; line-height:32px; padding:0 5px; background:#f1f6f9; border-bottom:1px solid #fff; font-size:14px; color:#999;}
.map-jd li span{ color:#1992d1;}
.map-jd li a:hover{color:#1992d1; text-decoration:none;}
.mr35{ margin-right:35px;}
.mt110 td{ vertical-align:top;}
.mt110 div{ display:block; position:relative; height:146px; width:146px; background-color:#eee; overflow:hidden; color:#fff; text-decoration:none; margin-right:20px; margin-bottom:20px; text-align:center;}
.mt110 .mt110-middle{ width:312px; height:146px;}
.mt110 .mt110-large{ width:312px; height:312px;}
.mt110 .mt110-small{ width:146px; height:312px;}
.mt110 img{ height:146px; width:auto;}
.mt110 div span{ display:none;}
.mt110 div span em a:link,.mt110 div span em a:visited{ color:#fff200; font-style:normal;}
.mt110 div strong a:link,.mt110 div strong a:visited{ font-style:normal; color:#FFF;}
.mt110 div strong{ font-size:16px;}
.mt110 div:hover{padding:0; cursor:pointer;}
.mt110 div div{  color:#fff; position:absolute; height:25px; width:auto; line-height:25px; padding:0 10px; left:0; bottom:-20px; background-color:rgba(25,146,209,.8); background-color:#1992d1\9; filter:alpha(opacity=90);}
.mt110 div:hover div{ width:146px; height:126px; padding-top:20px; text-align:center;}
.mt110 .mt110-middle:hover div{ width:312px; height:116px; padding-top:30px;}
.mt110 .mt110-large:hover div{ width:312px; height:227px; padding-top:85px;}
.mt110 .mt110-small:hover div{ width:146px; height:227px; padding-top:85px;}
.mt110 .mt110-small img,.mt110 .mt110-large img,.mt110 .mt110-middle img{ height:auto;}
.mt110 div:hover div span{ display:block;}
.mt110 div:hover div strong{font-size:24px; font-family:Verdana,"Microsoft Yahei";}
.mt110 div:hover div strong a:link,.mt110 div:hover div strong a:visited{ font-weight:normal; color:#fff; text-align:center;}
table{table-layout:fixed;}
.map-common{ border-top:1px dashed #d7e4ec; padding-top:15px; width:1000px; overflow:hidden;}
.map-list{ width:480px; margin-right:20px; float:left; position:relative; margin-bottom:20px;}
.map-list .wst{ position:absolute; left:5px; top:5px; width:38px; height:44px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius: 25px; background-color:#f5821f; color:#fff; font-size:14px; line-height:22px; padding:4px 8px;}
.map-list img{ width:300px; height:160px; float:left; margin-right:20px;}
.map-list .wst:after{background-color:#f5821f;}
.map-list strong{ float:left; display:block; width:160px;}
.map-title{ font-size:16px; color:#666;}
.map-list a:link,.map-list a:visited{ float:left; color:#1992d1; padding:4px 15px 5px 0; white-space:nowrap;}
@media screen and (max-width: 980px) {
    html,body{ background-color: #fff;}
    #header{}
    /*#main{ position: absolute;top: 53px; bottom: -1px; padding-bottom: 48px; overflow-y: scroll;-webkit-overflow-scrolling: touch;  }*/
    .pdt{ padding-top: 52px; }
    .w1200{width: calc(100% - 20px); padding: 0 10px; max-width:  calc(100% - 20px); min-width:  calc(320px - 20px);}
    .snav{position: fixed; left: 0; top:0; z-index: 99; height: 30px; padding: 10px 0; line-height:50px; border-bottom: 3px solid #6AAF08; background-color: #053636; color: #fff; width: 100%;}
    .logobox{ background: url("../images/logo2.png") -3px 0px no-repeat; background-size: 32px; padding-left: 30px;  color: #fff;}
    .logobox strong{ margin-top: 3px}
    .logobox strong,.logobox strong span{ color: #fff; font-size:14px;line-height: 14px;}
    .logobox strong span{ display: block; font-size: 10px; padding: 0; height: 14px; }
    .logobox strong span i{ font-size: 8px;right: 0px;  top: -3px;}
    .selbox{ display: none}
    .dzt{ display:block; position: fixed; z-index: 99; bottom:0px; height: 46px; line-height: 46px; left: 0; background-color: #f9f9f9; width: 100%;border-top: 1px solid #eee; margin: 0 0}
    .dzt a,.dzb a{ width: calc(50% - 1px); float: left; height: 46px; line-height: 46px; text-align: center; border-right:1px solid #eee; }
    .dzt a:last-child,.dzb a:last-child{width: 50%; border-right: none}
    .dzb{ display: block}
    .sxx{ position: fixed; width: calc(100% - 10px); top:0; left:0; height: 100%; z-index: 1111; background-color: #fff; padding: 5px; overflow-y: auto}
    .sxx > div{  padding: 0 0; margin: 0 0; border-bottom:none }
    .sxx dl{ width: 100%; padding: 0 0; float: none}
    .sxx dt{ display: block; position: relative; left: auto; top:auto; width: 100%; margin: 0 0; padding: 0 0; color: #999}
    .sxx dd{ width: calc(25% - 10px); overflow: hidden;  margin: 0 5px 8px; float: left; padding: 0 0}
    .sxx dd a{ background-color: #f1f1f1; text-align: center; border-radius: 4px; padding: 0 0}
    .sxp{ position: fixed; width: 100%; bottom:47px; left: 0; width: 100%;z-index: 1111; border-bottom: none }
    .sxp a{ display: block; width: 100%; text-align: center; background-color: #fff; float: none; padding: 0 0; border-bottom: 1px solid #eee;}
    .sxp a:last-child{border-bottom: none}
    .sxp a span:after{ display: none}
    .sxp a.current span:after{ display: block; content: "\F024";border-top:none; border-bottom:none; border-right: none; border-left: none; width: 20px; height: 20px; overflow: inherit; font-size: 20px;}
    .dzb{ position: fixed; left: 0; bottom: 0; width: 100%; height: 46px; line-height: 46px; padding: 0 0; background-color: #f9f9f9; border-top: 1px solid #eee;}
    .dzb a{margin: 0 0; display: block; height: 46px; line-height: 46px; float: left; text-align: center }
    .sxx,.sxp{ display: none}
    .navtab{  position: fixed; z-index: 99; float: none; top:auto;  bottom:0;right:0; left:0; width: 100%; background-color: #fff; height: 46px; line-height:0.5; border-top:1px solid #F6f6f6; }
    .navtab a{float: left; width: 20%; text-align: center; background-color: transparent; padding: 0 0; height: 50px; font-size: 13px; margin-right: 0px; padding-top: 3px; color: #999}
    .navtab a.current,.navtab a:hover{ color:#6AAF08; background-color: transparent; }
    .navtab a i{ display: block; margin: 0 auto;font-size:29px; line-height:1; color: #bbb;}
    .navtab a.current i,.navtab a.current:hover i,.navtab a:hover i{ color:#6AAF08;  }
    .navtab a:hover i{font-size:30px; margin-top: 0px}
    .axtab a{ text-align: center; width:  calc(33% - 1px);  line-height: 26px; color: #444; font-size: 14px; border-right: 1px solid #eee; }
    .axtab a i,.axtab a:hover i{ display: block;line-height: 1;color: #6aaf08; font-size: 16px; line-height: 16px; margin-top: 3px; font-weight: bold; font-style: normal}
    .axtab a.current{ color: #6aaf08;}
    .axtab a:nth-child(2){ width:  calc(34% - 1px);}
    .axtab a:nth-child(3){ width: 33%; border-right: none;}
    .x4 a,.x4 a:nth-child(2),.x4 a:nth-child(3){width:  calc(23% - 1px);}
    .x4 a:nth-child(1),.x5 a:nth-child(1),.axtab a:nth-child(1){width:  calc(31% - 1px); margin-top: 0; padding-top: 0; text-align: center; display:inline-table}
    .x4 a:nth-child(1) strong,.x5 a:nth-child(1) strong,.axtab a strong{ display: table-cell; font-weight: normal; padding: 0 5px; vertical-align: middle}
    .x4 a:nth-child(1) strong span,.x5 a:nth-child(1) strong span,.axtab a strong span { display: block; height: 18px; line-height: 22px; font-size: 16px; overflow: hidden;font-weight: bold; max-width: 100%}
    .x4 a:nth-child(3){ border-right: 1px solid #eee;}
    .x4 a:nth-child(4){ width: 23%;border-right:none}
    .x5 a,.x5 a:nth-child(2),.x5 a:nth-child(3),.x5 a:nth-child(4){width:  calc(17.25% - 1px);}
    .x5 a:nth-child(3),.x5 a:nth-child(4){ border-right: 1px solid #eee;}
    .x5 a:nth-child(5){ width: 17.25%;border-right:none}
    a.searchbox{ position: fixed; z-index:100;margin: 0 0; padding: 0 8px 0 2px; left:110px; right:auto; top:10px; text-align: left; background-color: #fff; height: 28px; line-height: 28px; width: calc(100% - 130px); min-width:170px;color: #999}
    a.searchbox i{ line-height: 34px; float: left}
    a.searchbox span{ float: left; display:block; line-height: 30px; font-size: 12px}
    a.searchbox:hover{background-color: #fff; color: #999}
    a.searchbox:hover i{ font-size: 26px; margin-top: 0;color:#999;}
    .topimg{ margin-bottom: 0; position: relative;}
    .topimg .showimg,.topimg .showimg li{max-width: 100%; height: 160px;}
    .topimg .showimg li{box-shadow: -8px -8px 30px rgba(0, 0, 0, 0.68) inset; background-position: 30% top; background-size: 200%; background-repeat: no-repeat}
    .topimg .dpage{ position: absolute; right:10px; bottom:0px;}
    .topimg .dpage a{ display: inline-block; border-radius: 100px; background-color:rgba(255, 255, 255, 0.6); width: 6px; height: 6px; line-height: 6px; overflow: hidden}
    .topimg .dpage a.current{ width: 15px;  background-color:rgba(255, 255, 255, 1);}
    .topimg .showimg > a{ position: absolute; right:15px; top:8px; }
    .topimg .showimg > a i{width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 22px; display: block; color:  rgba(255, 255, 255, 0.6);}
    .mtopabg,.mtopabg2{ position: relative; height: 160px;box-shadow: 0 -30px 120px rgba(0, 0, 0, 0.68) inset; background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .mtopabg:after{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.00) 100%);  content: "";  display: block;  height: 70px;  left: 0;  opacity: 0.5;  position: absolute;  top: 0;  width: 100%;}
    .mtopabg > div,.mtopabg2 > div{ position: absolute; z-index:1; padding: 10px 50px 10px 50px; height: 38px; line-height: 36px; left:0; top:0; width: calc(100% - 100px); margin: 0 0;}
    .mtopabg > div a,.mtopabg2 > div a{ color: #fff;float: left;}
    .mtopabg > div a.ft12,.mtopabg2 > div a.ft12{ position: absolute; right:5px; top:12px; width: 38px; text-align: center}
    .mtopabg > div a:first-child,.mtopabg2 > div a:first-child{ font-size: 32px; width: 38px; position: absolute; left: 7px; top:12px}
    .mtopabg > div a.wseach,.mtopabg2 > div a.wseach{ position: relative; display: inline-block; overflow: hidden; width:  calc(100% - 95px); background-color:rgba(255, 255, 255, 0.95);; color: #444; border-radius: 4px; height: 28px; line-height: 28px; padding: 5px 0 5px 95px; font-size: 14px; color: #999; }
    .mtopabg > div a.wseach .logobox,.mtopabg2 > div a.wseach .logobox{ position: absolute; left: 5px; top:5px;}
    .mtopabg > div a.wseach .pabs{ }
    .mtopabg > div a.wseach .ft18,.mtopabg2 > div a.wseach .ft18{ font-size: 16px; border-right: 1px solid #ddd; color: #444; display: inline-block; padding-right: 15px; margin-right: 5px;}
    .mtopabg > div a.wseach i,.mtopabg2 > div a.wseach i{ font-size: 22px;color: #999; float: left; margin: 3px 3px 0 0; }
    .mtopabg > strong,.mtopabg > span,.mtopabg2 > strong,.mtopabg > span{ position: absolute; z-index: 0; left: 0; font-weight: 500;  bottom:58px; text-align: center; display: block; width: 100%; color: #fff; font-size: 28px;text-shadow: 1px 1px 1px #333;}
    .mtopabg > span,.mtopabg2 > span{ font-size: 12px; bottom: 5px; left:10px; width: auto}
    .mtopabg > strong span,.mtopabg2 > strong span{ font-size: 10px; font-weight: 200;margin-left: 5px;}
    .mtopabg > a,.mtopabg2 > a{ position: absolute; right:10px; bottom:5px; color: #fff; font-size: 12px;text-shadow: 1px 1px 1px #333;}
    .mtopabg > a i,.mtopabg2 > a i{ font-size: 16px;}
    .mtopabg > div .logobox,.mtopabg2 > div .logobox{background: url("../images/logo.png") -1px 1px no-repeat; background-size: 30px; padding-left: 31px; float: left;  margin:0 0 0 0; height: 28px; color: #6aaf08; border-right: 1px solid #ddd; display: inline-block; padding-right: 10px; margin-right: 5px;}
    .mtopabg > div .logobox strong,.mtopabg2 > div .logobox strong{ margin-top: 3px}
    .mtopabg > div .logobox strong,.mtopabg > div .logobox strong span,.mtopabg2 > div .logobox strong,.mtopabg2 > div .logobox strong span{ color: #6aaf08; font-size:14px;line-height: 13px;}
    .mtopabg > div .logobox strong span,.mtopabg2 > div .logobox strong span{ display: block; font-size: 10px; padding: 0; height: 14px; float: none }
    .mtopabg > div .logobox strong span i,.mtopabg2 > div .logobox strong span i{ font-size: 6px;right: -3px;  top: -5px;color: #6aaf08; font-style: normal}
    #header .mtopabg,#header .mtopabg2{position: fixed; top:0; left: 0; width: 100%; height: 70px;box-shadow:none}
    #header .mtopabg:after{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.00) 100%);height: 70px;}
    #header .mtopabg2{ height: 46px;  background-color: #fff; border-bottom: 1px solid #eee;}
    .mtopabg2 > div{padding: 3px 50px 3px 50px; }
    .mtopabg2 > div a{ color:#000}
    .mtopabg2 > div a:first-child{ top:6px;}
    .mtopabg2 > div a.ft12{ top:4px;}
    .mtopabg2 > div a.wseach{width:  calc(100% - 90px);padding: 5px 0 5px 90px; }
    .mtopabg2 > div a.wseach > span{ background-color: #eee; border-radius: 4px; height: 29px; overflow: hidden }
    .mtopabg2 > div a.wseach > span.logobox{ background-color: #fff; border-right: none; padding-right: 5px; }
    .mtopabg2 > div a.wseach i{ height: 20px; overflow: hidden}
    .mtopalink{ border-bottom: 10px solid #eee; padding: 10px 0;}
    .mtopalink > a{ display: block; float:left; width: calc(50% - 61px);height: 40px; padding:0 10px 0 50px;  border-right: 1px solid #ddd; position: relative }
    .mtopalink > a:last-child{ width: calc(50% - 60px);padding-right:0px; padding-left: 60px;border-right:none}
    .mtopalink > a i{ font-size: 36px; color: #6aaf08; position: absolute; left:10px; top:8px; opacity: 0.8; margin-top: 5px}
    .mtopalink > a:last-child i{ left: 18px;}
    .mtopalink > a strong{ display: block; font-size: 12px; font-weight: normal}
    .mtopalink > a strong span{ font-size: 16px;font-weight: bold}
    .mtopalink > a > span{ display: block; font-size: 12px;}
    .mtopalink > strong{ font-weight: normal; display: block; }
    .mtopalink > strong{ display: block; padding: 0 30px 0 10px; max-height:80px; font-size: 14px; overflow: hidden; width:calc(100% - 40px);position: relative}
    .mtopalink > strong a > i{position: absolute; display: block; text-align: right; right:0; top:50%; margin-top: -10px; width: 30px; text-align: center; font-size: 30px; color: #ccc}
    .mtopalink2{border-bottom: none}
    .mtopalink2 > a,.mtopalink3 > a{width: calc(50% - 21px);padding:0 10px; text-align: center; color: #999}
    .mtopalink2 > a:last-child,.mtopalink3 > a:last-child{width: calc(50% - 20px); padding-left: 0;}
    .mtopalink2 > a > span{  padding-bottom: 5px; width: 60%; margin: 0 auto}
    .mtopalink2 > a.current{ color: #444}
    .mtopalink2 > a.current > span{  border-bottom: 2px solid  #6aaf08;  }
    .mtopalink3{ border-bottom: 1px solid #eee; background-color: #fff; padding: 5px 0; height: 30px; position: relative}
    .mtopalink3 > a{ height: 30px; line-height: 30px;border-right: 1px solid #eee; color:#444}
    .mtopalink3 > a.current{ color: #6aaf08; position: relative}
    .mtopalink3 > a.current:after{content: ""; position: absolute; left:0; bottom: -5px; width: 100%; height: 2px; background-color: #6aaf08;}
    .mtopalink3 > a:last-child{ padding: 0 10px;}
    .mtopalink3 > a > strong{ display: none}
    .mtopalink3 > a > span{ text-align: center; font-size: 14px;}
    .mtopalink3 > div{ position: absolute;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); left:0; top:41px;  background-color:rgba(255, 255, 255, 1); width: 100%; z-index: 1; border-radius: 0 0 10px 10px; padding: 15px 0}
    .mtopalink3 > div dl{ border-bottom: 1px solid #eee; margin: 0 10px 15px; padding-bottom: 5px;}
    .mtopalink3 > div dt,.mtopalink3 > div dd{ float: left; margin: 0 3px 10px; width:auto; height: 28px; text-align: center; font-size: 14px; line-height: 28px; }
    .mtopalink3 > div dd a{ display: block; padding: 0 8px; border-radius: 4px; border: 1px solid #ddd; background-color: #fff; height: 28px; text-align: center; font-size: 14px; line-height: 28px; }
    .mtopalink3 > div dd.current a{ background-color: #6aaf08; border: 1px solid #6aaf08; color: #fff}
    .mtopalink3 > div > a{ display: block; width: 40%; height: 32px; line-height: 32px; text-align: center; background-color: #6aaf08; color: #fff; margin: 0 auto;  font-size: 16px; border-radius: 4px;}
    .mtopalink3 > div ul{ margin: -15px 10px;}
    .mtopalink3 > div li{ border-bottom: 1px solid #eee; text-align: center; height: 40px; line-height: 40px; position: relative}
    .mtopalink3 > div li:last-child{ border-bottom: none;}
    .mtopalink3 > div li a{ display: block; font-size: 16px; width: 100%;}
    .mtopalink3 > div li i{ display: none}
    .mtopalink3 > div li.current a{ color:#6aaf08; }
    .mtopalink3 > div li.current i{ display: block; position: absolute; color: #6aaf08; right:50%; margin-right: -60px; top:0; font-size: 20px;}
    .mtopalink4{ position: fixed; top:47px; width: 100%; z-index: 1; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
    .mmddjj img,.mmddzn img{ width: 100%; max-width: 100%; margin:10px 0; display: block}
    .mmddjj h3,.mmddzn h3{ width: 100%; text-align: center; margin-bottom: 10px; display: block}
    .mmddjj p,.mmddzn p{ font-size: 16px; line-height: 1.8; }
    .mmddzn dt,.mmddzn dd{ padding: 0 0; margin: 0 0}
    .mmddzn dd{ margin-bottom: 35px;}
    .mmddzn dt { color:  #000; font-size: 18px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; display: block}
    .muserp{ margin-bottom: 15px;}
    .muserp li{ float: left; width: 50%;}
    .muserp li a{ display: block; margin-right: 5px; margin-bottom: 10px; background-color: #fff; border-radius: 2px; overflow: hidden }
    .muserp li:nth-child(2) a{ margin-right: 0px; margin-left: 5px;}
    .muserp li a > img{ width: 100%; max-width: 100%; display: block; }
    .muserp li a p{ padding:5px; font-size: 10px; color: #666}
    .muserp li a p > img{ width: 16px; height: 16px; border-radius: 100px; display: inline-block; vertical-align: middle; margin-right: 3px;}
    .muserp li a p > span{ display: inline-block; vertical-align: middle}
    
    .listbox .lt{ border-bottom: none; margin-bottom: 0;}
    .listbox .lt strong{  display: none;font-size: 20px; font-weight: normal; float: none; text-align: center;  height: 40px; line-height: 40px;border-bottom: 1px solid #eee; margin: 0 10px}
    .listbox .lt > div{ float: none; margin-bottom: 0;margin: 10px 0}
    .listbox .lt > div a{ display: block; float: left; border-radius: 4px; text-align:center; background-color: #f0f0f0; line-height: 30px; height: 30px; padding: 0 0; margin:0 10px 10px; width: calc(33.33% - 20px);  font-size: 16px; color: #666}
    .listbox .lt > div a:last-child{ margin-right: 0px;}
    .listbox .lt > div a.current{ border: none; border-bottom:none; padding: 0 0; border-radius: 4px; color: #fff; background-color: #6AAF08}
    .listbox .lt > div a:hover{ color: #444}
    .listbox .lm ul{ width:calc(100% - 20px); margin: 0 10px   }
    .listbox .lm li{ width: 100%; float:none; padding: 0 0; margin-bottom: 20px;}
    .listbox .lm li a{ display: block; border: none; border-bottom: none; margin-bottom: 20px; padding-bottom:5px;}
    .listbox .lm li a .simg{ height: 180px; margin-bottom: 5px; border-radius: 4px; box-shadow: none; }
    .listbox .lm li a .simg div{ bottom:8%;}
    .listbox .lm li a .simg div strong,.listbox .lm li a .simg div span{ font-weight: normal; height: 22px; line-height: 22px; padding: 0 8px; font-size: 12px;}
    .listbox .lm li a > span{display: none}
    .listbox .lm li a > p{font-size: 16px; height: 40px; padding: 0 0; margin-bottom: 0; line-height: 20px; color: #000; overflow: hidden; }
    .listbox .lm li a > p.clearfix{ padding-top:5px; }
    .listbox .lm li a > p strong{float: left; margin-right: 10px; font-size: 16px; color: #f60}
    .listbox .lm li a > p strong i{color: #f60; font-size: 22px; font-weight:normal;}
    .listbox .lm li a > p > span{ float: left; font-size: 10px; }
    .listbox .lm li a > p > span i{ font-style: normal; margin: 0 2px;}
    .malist .listbox .lm ul{ width:100%; margin: 0 0   }
    .malist .listbox .lm li a > p strong { display: none}
    .malist .listbox .lm li,.malist .listbox .lm li a{ margin-bottom: 10px;}
    .malist .listbox .lm li a .simg{ height: 110px;}
    .malist .listbox .lm-100 ul{ margin: 0 0; width: 100%}
    .malist .listbox .lm-100 li{width: 100%; padding: 0 0; margin-bottom:0; border-bottom:1px solid #eee }
    .malist .listbox .lm-100 li a{ min-height:110px; border-bottom: none;  padding-left: 35%; margin-bottom: 0; padding-bottom: 0px;}
    .malist .listbox .lm-100 li a .simg{width: 33%;height: 110px;border-radius:0; margin-bottom: 0;}
    .malist .listbox .lm-100 li a .simg div{ left:0; top:0;}
    .malist .listbox .lm-100 li a .simg div strong{ font-size: 12px; height: 20px; line-height: 20px; padding: 0 5px;}
    .malist .listbox .lm-100 li a .simg div span{ display: none}
    .malist .listbox .lm-100 li a > p,.listbox .lm-100 li a > span{ padding: 0 0;}
    .malist .listbox .lm-100 li a > p{  line-height: 20px; font-weight:normal; margin-bottom: 5px; height: 34px;  padding: 5px 10px 5px 0;}
    .malist .listbox .lm-100 li a > p.clearfix{ bottom:2px; right:10px; left:auto; margin-top: 0; top:auto; width: calc(65% - 10px); padding: 0 0  }
    .malist .listbox .lm-100 li a > p > span{ position: absolute; left:0; bottom:0; float: none; display: block; line-height: 18px}
    .malist .listbox .lm-100 li a > p strong{ display: block; float: right; margin-right: 0; font-size: 12px}
    .malist .listbox .lm-100 li a > p strong i{ font-size: 18px;}
    .malist .listbox .lm-100 li a > p b{ display:none}
    .malist .listbox .lm-100 li a > span{ font-size: 12px; display: block}
    .crumbs{ display: none}
    .wp40,.wp56{ width: 100%; float: none}
    .lxx{ width: 100%; padding: 0 0; max-width: 100%;min-width: 320px; margin-bottom: 0;}
    .lxximg{height: 200px; margin-bottom: 10px;}
    .lxximg strong{ padding: 0 8px; height: 22px; line-height: 22px; font-size: 12px; bottom:10px; top:auto; left:10px}
    .lxximg > div{ bottom: 10px;}
    .lxximg > div a{ width: 10px ; height: 10px;}
    .lxxsm1,.lxxsm2,.lxxsm3,.lxxsm4{width:calc(100% - 20px); float: none; margin:0 0; padding:0 10px; border-bottom:10px solid #f6f6f6  }
    .lxxsm1 strong{ font-size: 18px; margin-bottom: 10px;}
    .lxxsm1 span,.lxxsm2 > span, .lxxsm3 > span,.lxxdate > span{  padding: 10px 0; background-color: transparent; font-size: 12px;}
    .lxxdate > span{ display: block; padding: 0 0; color: #444}
    .lxxdate > a{ position: absolute; display: block; width:calc(100% - 20px); font-size: 14px; color: #999; height: calc(100% - 30px); z-index: 111; text-align: right; line-height: 136px;}
    .lxxsm1 span i{ margin: 0 10px; font-size: 20px;}
    .lxxsm2 > span{  border-bottom: 1px solid #f1f1f1}
    .lxxsm2 > span:last-child{ border-bottom: none}
    .lxxsm2 > span strong{ font-size: 14px; font-weight: normal; margin: 0 3px 0 0}
    .lxxsm2 > span.spx{ display: block; width: 100%}
    .sel,.lxxsm3,.lxxsm4,.cpm{ display: none}
    .lxxdate{ position: relative; width:calc(100% - 40px);padding: 10px 30px 10px 10px; border-bottom:10px solid #f6f6f6 }
    .lxxdate .date{ border: none; padding: 0 0; max-height: 136px; overflow: hidden}
    .m-xr .lxxdate {padding: 10px 0 10px 10px;width: calc(100% - 10px);}
    .m-xr .lxxdate .date{ max-height: none; }
    .m-xr .lxxdate > span  { font-size: 16px;}
    .m-xr .lxxdate li a > span{ color: #666}
    .m-xr .lxxsm3{ display: block; position: fixed; left:0; top:0; width: 100%; border-bottom: none; background-color: #fff; z-index: 1111; border-bottom: 1px solid #eee;}
    .m-xr .lxxsm3 .rs{ display: inline}
    .m-xr .lxxsm3 .rs select { width: 50px; text-align: center; border: 1px solid #ccc}
    .m-xr .lxxsm3 .rs span {   margin: 0 25px 0 3px;  }
    .m-xr .lxxsm3 > div{ margin: 10px 0}
    .m-xr .lxxsm3 > div > span{ color: #444; font-size: 16px;}
    .m-xr .lxxsm2 > strong{ background-color: #f6f6f6; font-weight: normal; width:100%; margin-left: -10px; padding: 10px 10px 5px 10px; height: 30px; line-height: 30px; display: block}
    .m-xr .lxxsm2 > strong i{ font-style: normal; display: inline-block; height: 16px; line-height: 16px; vertical-align:middle; padding: 0 5px; margin-left: 3px;border-radius: 2px; margin-bottom: 3px; font-size: 10px; color: #fff; background-color: #6aaf08 }
    .m-xr .lxxsm2 > strong i.child{ font-style: normal; font-size: 10px; color: #fff; background-color: #ffb947 }
    .m-xr .lxxsm2 > span{ font-size: 14px; color: #666}
    .m-xr .lxxsm1 strong{ margin: 10px 0}
    .m-xr .lxxsm2 .xyb{ height: 150px; margin: 10px 0; padding: 0 0; font-size: 12px; overflow-y: scroll; color: #666}
    .lxxsm2 input[type=text],.lxxsm2 input[type=number]{ background-color: #f7f7f7;border-radius: 4px;  font-size: 16px; color: #444; width: 60%; border: none; height: 26px; line-height: 26px;}
    .lxxsm2 select {appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  border:none; background-color: #f7f7f7; border-radius: 4px;  cursor: pointer; height:30px;  line-height:30px; padding: 0 10px; width: 50%; font-size: 14px; color: #444; display: inline-block; margin-left: 0;  position: relative;  }
    .date > div{display: none}
    .lxxdate li{ height: 59px}
    .lxxdate li.out{ display: none}
    .lxxdate li,.lxxdate li:nth-child(7n+0){margin: 0 10px 10px 0;width: calc(25% - 10px);}
    .lxxdate li a{ padding: 2px 1px 1px; border-radius: 4px}
    .lxxdate li a:hover,.lxxdate li.current a{ border: 2px solid #f60; padding: 1px 0 0}
    .lxxdate li a > span{ font-size: 10px;}
    .lxxdate li a > span i{ display: inline; font-style: normal; font-size: 12px; margin-left: 2px}
    .cp{border-bottom:10px solid #f6f6f6;width: 100%; padding: 0 0; max-width: 100%;min-width: 320px; margin-bottom: 0}
    .cpsm{border-bottom:10px solid #f6f6f6; margin-bottom: 0}
    .cpsm > .zdy{ width:calc(100% - 20px);padding: 10px;}
    .cpsm > .zdy img{ display: block; max-width: 100%}
    .cpsm > strong{ width:calc(100% - 24px); padding:0 10px;  background-color: transparent;  font-size: 12px; height: auto; line-height: 1.5;  }
    .cpsm > strong span{ width: 100%; font-size: 16px; display: block; padding:5px 0 0}
    .listbox .cpsm > strong{ margin-bottom: 10px; display: block}
    .listbox,.listbox .cpsm{ border-bottom:none }
    a.mnext{ height: 52px; line-height: 52px; position: fixed; display: block; width: 100%; bottom:0; left:0; color: #fff; background-color: #6AAF08; font-size: 18px; text-align: center; z-index: 111111}
    a.mnext span{ float: left; font-size: 24px; margin-left: 15px;}
    a.mnext span i{ font-size: 14px; font-style: normal; margin-right: 5px;}
    a.mnext strong{ float: right; margin-right: 15px; font-weight: normal}
    .artimg{ width: calc(100% - 10px); max-width: calc(100% - 10px); min-width: calc(100% - 10px); padding: 5px}
    .artimg a{ width: calc(50% - 5px); margin: 2.5px; box-shadow: 0 -35px 120px rgba(0, 0, 0, 0.48) inset; border-radius: 2px;}
    .artimg a img{height: 130px;}
    .artimg a:nth-child(5){ width: calc(100% - 5px);  }
    .artimg a:hover{box-shadow: 0 -35px 120px rgba(0, 0, 0, 0.18) inset;}
    .artimg a div{ bottom: 10px;}
    .artimg a strong{ font-size: 24px;}
    .artimg a span{ font-size: 12px; height: 30px; line-height: 30px; padding: 0 5px; margin: 0 5px;}
    .artlink{ background: none; display: none}
    .artlink > div strong{ margin-bottom: 20px}
    .artlink > div a{ margin-bottom: 3px;}
    .artlink > div a span{ float: none}
    .artlink > div a span:after{content: ""; display: none}
    .artlink > div a i{ display: none}
    .artlink > div{ padding:20px 10px; width:calc(50% - 20px); }
    .artlink > div.fright{padding: 20px 10px; width:calc(50% - 21px);}
    .malist {margin: 30px auto 30px; }
    .malist .ma{ display: none}
    .malist .masy,.malist .masy dl{ width: 100%; margin-left: 0; margin: 0 0}
    .malist .masy dl{margin: 0 0 20px;}
    .malist .masy dd{ margin: 0 0 8px 0; width: 25%}
    .malist .masy dd a{color: #666; font-size: 14px; background-color: #eee; border-radius: 2px; calc(100% - 8px); text-align: center; overflow: hidden; margin-right:8px; display: block; height: 28px; line-height: 28px;}
    .malist .maxx ul{ margin-left: 0px; width: calc(100% + 5px);; }
    .malist .maxx li{width:calc(33.33% - 5px); margin: 0 5px 0 0;}
    .malist .maxx li div{ display: none}
    .malist .maxx li:nth-child(1){width: calc(100% - 5px); margin: 0 0 5px;}
    .malist .maxx li:nth-child(1) div{ display: block; text-align: center;background-color: rgba(0, 0, 0, 0.5);}
    .malist .maxx li a div span{ text-align: center; float: none; font-size: 12px;}
    .malist .maxx li a{ height: 120px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);  border-radius:4px;}
    .malist .maxx li:not(:first-child) a{ height:120px; }
    .malist .maxx li a:before{  height: 100%; border-radius:4px; }
    .malist .maxx li a strong{ left:0; width: 100%; text-align: center; font-size: 18px; top:45%; font-weight: 400;text-shadow: 1px 1px 1px #333;}
    .malist .maxx li:first-child a strong{ font-size: 22px; top:40%;}
    .malist > strong{ margin-bottom: 25px; }
    .malist > strong span{ padding:0 15px; font-size: 26px; }
    .malist .maxx li a div{ height: 38px; background-color: rgba(0, 0, 0, 0.8); line-height: 38px; border-radius: 0 0 2px 2px}
    .malist .mx4{ text-align: center}
    .malist .mx4 li,.malist .mx4 li:nth-child(1),.malist .mxx li:last-child{width:auto; margin: 0 5px 10px 0; display: inline-block;float: none }
    .malist .mx4 li:nth-child(1),.malist .mx4 li:nth-child(2),.malist .mx4 li:nth-child(3),.malist .mxx li{width:calc(33.33% - 5px); margin: 0 5px 10px 0; float: left}
    .malist .mx4 li a,.malist .mx4 li:not(:first-child) a{ height: 32px; width: auto; line-height: 32px; padding: 0 15px;}
    .malist .mx4 li a{ border: 1px solid #ddd; font-size: 14px;box-shadow:none}
    .malist .mx4 li:nth-child(1) a,.malist .mx4 li:nth-child(2) a,.malist .mx4 li:nth-child(3) a,.malist .mxx li a{ border:none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);height: 130px; line-height: normal; padding: 0 0}
    .malist .mx4 li a strong,.malist .mx4 li:first-child a strong{ font-size: 14px; top:auto; bottom: 3px; max-height: 40px; overflow: hidden}
    .malist .mx4 li a:before,.malist .mxx li:last-child a:before{ opacity: 0.1;border-radius:4px;}
    .malist .mx4 li:nth-child(1) a:before,.malist .mx4 li:nth-child(2) a:before,.malist .mx4 li:nth-child(3) a:before,.malist .mxx li a:before{opacity: 0.8;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 100%);width: 100%; height: 100%;top:auto; bottom:0}
    .malist .mxx li a,.malist .mxx li:not(:first-child) a,.malist .mxx li:first-child a{height: 110px;}
    .malist .mxx li:last-child a{ height: 32px; width: auto; line-height: 32px; padding: 0 15px;}
    .malist .mx4 li:last-child a{ font-weight: 500 }
    .mpalist li{ border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
    .mpalist li a{ display: block; position: relative}
    .mpalist li a img{ display: block; float: left; width:35%; margin:0 10px 0 0; border-radius: 2px; }
    .mpalist li a > strong{ float: right; display: block; width:calc(65% - 10px); font-size: 16px; margin-bottom: 5px;}
    .mpalist li a p{float: right; display: block; width:calc(65% - 10px); font-size: 14px; max-height: 80px; overflow: hidden}
    .mpalist li a i{ font-style: normal;}
    .mpalist li a div{float: right; width:calc(65% - 10px);}
    .mphlist li a div > span{ font-size: 10px; color: #999; float: left}
    .mphlist li a div strong{ float: right; margin-top: -2px; font-size: 12px; color: #000; font-weight: normal}
    .mphlist li a div strong i{ color: #F60;font-size: 16px; margin-right: 3px; font-weight: 200}
    .mphlist li a p{ font-size: 10px; color: #999; margin-bottom: 10px;}
    .mphlist li a > i{ display: block; position: absolute; left: 0 ; top:0; padding: 0 5px; border-radius: 2px; background-color: #6aaf08; color: #fff; font-size: 10px;}
    .mpglist li{  padding-bottom: 20px; margin-bottom: 20px;}
    .mpglist li a > strong{ width: 100%; color: #000; font-size: 18px; line-height: 1.5}
    .mpglist li a img{ width:40%;}
    .mpglist li a div{ float: left; width: 100%; font-size: 12px; color: #999; margin-bottom: 5px;}
    .mpglist li a div img{ width: 20px; height: 20px; margin: 3px 3px 3px 0; border-radius: 100px; margin-top: -1px;}
    .mpglist li a p{ float: none; width: auto; display: inline; color: #666; font-size: 16px; line-height: 1.5}
    .mpxlist li{ border-bottom: none}
    .mpxlist li a img,.mpxlist li a > strong,.mpxlist li a div,.mpxlist li a p{ width: 100%; margin-bottom: 10px;}
    .mpxlist li a div,.mpxlist li a p{ margin-bottom: 5px; font-size: 14px;}
    .mpxlist li a > i{ font-size: 14px; left:10px; top:10px; padding: 3px 10px; border-radius: 0;}
    .mmore{ border-bottom: 10px solid #eee; padding-bottom: 10px}
    .mmore > div{ margin-bottom: 5px}
    .mdtbg,.glbg{ height: 160px; padding-top: 50px}
    .mdtbg{box-shadow: 0 -33px 230px rgba(0, 0, 0, .8) inset;}
    .glbg .mdtjj{ padding-top: 15px;}
    .glbg .mdtjj strong{ font-size: 20px;max-height: 86px;height: 86px; margin-bottom: 0; width: 100% }
    .gluser{ padding-left: 40px; line-height: 16px}
    .gluser a{ font-size: 12px;}
    .gluser a span{ font-size: 10px;}
    .gluser img{ width: 30px; height: 30px; top:0px;}
    .r-tbar{ right:0; bottom:auto; top:186px; width: 100%; margin-right: 0; z-index: 0 }
    .r-tbar a{ min-width: 40px; margin-left: 3px; color: #444}
    .r-tbar a:first-child{ margin-left: 3px; color: #444}
    .r-tbar a span{ width: 34px; height: 34px; line-height: 34px; background-color: rgba(102, 102, 102, 0.9); font-size: 16px }
    .r-tbar a.fleft{ margin-top: 30px; margin-left: 0}
    .r-tbar-m{ position: fixed; z-index: 1; top:47px;left:0; right:auto}
    .r-tbar-m a{ display: none}
    .r-tbar-m a.fleft{ display: block; margin-top: 10px; float: right; margin-right: 10px;}
    .tsm{ position: fixed; z-index: 1; left:0; top:47px; border-bottom: 1px solid #eee; padding:5px 100px 5px 10px; width:  calc(100% - 110px);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff; }
    .tsm .mdtjj{ padding-top: 0; margin-bottom: 3px;}
    .tsm .mdtjj strong{ font-size: 12px; color: #444; text-shadow: none; height: auto; max-height: 18px; overflow: hidden }
    .tsm .gluser{padding-left: 20px;}
    .tsm .gluser a{ font-size: 10px; color: #666; }
    .tsm .gluser a img{ width: 16px; height: 16px;}
    .tsm .gluser a span{ display: none}
    .detail_txt #article-content{ width: 100%}
    .detail_txt img{ max-width: 100%}
    .ucomment{ padding: 0}
    .detail_txt{ padding: 50px 0}
    .detail_box .malist > strong span,.detail_box .malist{ background-color: #fff}
    .malist > strong span{ font-size: 20px; font-weight: 200}
    .ucomment li,.ucomment li:last-child{padding: 0 0 15px 35px;}
    .ucomment li > a img{ width: 30px; height: 30px;}
    .ucomment li > div{ background-color: #f5f5f5; margin-bottom: 15px}
    .ucomment li > div span,.ucomment li > div a,.ucomment li > div a.fright{ font-size: 14px; float:none;margin-right: 3px;}
    .ucomment li > div a.fright{  margin-left: 0;white-space: nowrap}
    .ucomment li > div span{ font-size: 10px;color: #999}
    .ucomment li > span{ font-size: 16px;}
    .detail_box .right-txt, .detail_box .left-txt{ display: none}
    .userglist ul {margin-left: -5px;width: calc(100% + 10px);  }
    .userglist li{ margin: 0 5px 20px;width: calc(100% - 10px)}
    .userglist li a p{ font-size: 14px; height: 60px}
    .userglist li a > .ugimg{ height: 110px;box-shadow: 0 -30px 130px rgba(0, 0, 0, 0.68) inset; }
    .userglist li a > span{ top:70px;z-index: 0;}
    .userglist li a > span img{ width: 30px; height: 30px; line-height: 30px; top:3px}
    .userglist li a > strong{ position: absolute; left:10px; top:10px; color: #fff; text-shadow: 1px 1px 1px #333; max-height: 44px; line-height: 24px; height: auto}
    .sarealist li{ margin: 0 5px 10px;}
    .sarealist li a{ padding: 0 12px;}
    .sarealist li a > .ugimg { height: 96px;box-shadow: none; border-radius: 4px; margin-bottom: 0 }
    .sarealist li a > .ugimg:before{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;border-radius: 4px;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 60%;  z-index: 0;}
    .sarealist li a > span {  top:61px; color:rgba(255, 255, 255, 0.8); font-size: 12px }
    .sarealist li a > span.h-l {  top:41px;}
    .sarealist li a p {display: none}
    .shotelist li a > .ugimg::before{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; width:80%;}
    .shotelist li a > strong{ font-size: 16px; line-height: 22px; width: 80%}
    .shotelist li a > .ugimg{height: 130px;}
    .shotelist li a > span {  top:60px;}
    .shotelist li a > span.h-l {  top:45px;}
    .shotelist li a > span.h-p{ top:90px;}
    .shotelist li a > span.h-p i{ display:inline-block; border-radius: 2px; width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.7); margin: 0 3px 0 0; background-position:  center center; background-size: cover; background-repeat: no-repeat}
    .shotelist li:last-child a{ padding: 0 0; box-shadow: none; border-radius: 0}
    .shotelist li a > i{ color: #444; position: relative; display: inline-block; left: auto; top:auto}
    .jdlist li{ border-bottom: 1px dotted #ddd}
    .gl li{ margin: 0 0 15px 0; padding-bottom:10px; min-height: auto}
    .gl li a > strong, .gl li a > span, .gl li a > p{ margin-bottom: 5px;}
    .gl li a > strong{ font-size: 18px; font-weight: 500}
    .gl li a > p{ font-size: 16px; height:88px; line-height: 22px; color: #666}
    .gl li a > span{ color: #999}
    .gl li:last-child{ border-bottom: none; height: auto}
    .gl li:last-child a{ padding: 0 0}
    .shotelist li:last-child,.gl li:last-child,.malist .listbox .lm li:last-child{ text-align: center;}
    .shotelist li:last-child a,.gl li:last-child a,.malist .listbox .lm li:last-child a{ position: relative; margin: 0 auto; border-radius: 4px;font-weight: 500; width: auto; display: inline-block;border: 1px solid #ddd;font-size: 14px;height: 32px;  line-height: 32px;  padding: 0 15px;}
    .shotelist li:last-child a:before,.gl li:last-child a:before,.malist .listbox .lm li:last-child a:before{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.95) 100%);
    content: "";
    display: block;
    height: calc(100% - 48px);
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease 0.1s;
    width: 100%;height: 100%;}
    #bottom,.bz{ background-color: transparent;}
    #bottom{ padding-bottom: 52px; }
    .bz,.aboutus{ padding: 10px 0}
    .bz li i,.bz li span,.bz li strong,.aboutus .fleft{ float: none; display: block; margin: 0 auto}
    .bz li i{  background-position: -160px 0}
    .bz li:nth-child(2) i{ background-position: -200px 0}
    .bz li:nth-child(3) i{ background-position: -240px 0}
    .bz li:nth-child(4) i{ background-position: -280px 0}
    .bz li strong{ text-align: center; font-size: 14px; color: #999}
    .aboutus{ color: #bbb; font-size: 10px; text-align: center}
    .bottomnav,.bz,.topnav,.flink,.aboutus .fright,.aboutus .fleft > a,.aboutus .fleft p span,.bz li > span span,.navtab a span,.logobox > span,.usercomment,.jb{ display: none}
}
